Titre: CSS . Comment centrer un texte correctement ? (padding)
Posté par: fredr31 le le 23-12-2004 a 12:31:02
Bonjour à tous .
Donc je suis en train de réaliser un texte en CSS. Je souhaite mettre mon texte à 10px du cadre de mon conteneur.
donc dans mon fichier css, j'ai mis
.cadre {
float: right;
padding: 10px 10px 10px 10px;;
margin-right: 0px;
width: 80%;
Mais voila sous IE le texte est bien à 10px du cadre de tous les cotés, idem sous FireFox.
Le problème est que sous FireFox j'ai mon cadre qui s'agrandit est donc il est plus grand que les 8O% que j'ai spécifié dans le CSS.
Celà est embetant pour la mise en page.
Quelqu'un pourait il m'aider ? |
Titre: Re:CSS . Comment centrer un texte correctement ? (padding)
Posté par: jb_gfx le le 23-12-2004 a 19:36:27
C'est Ie qui interprete mal les spec du W3C en réalité. FireFox etant dans le droit chemin.
Tu devrais faire l'inverse, padding à 0 sur ton conteneur et margin à 10px sur ton texte (par exemple sur <p> si il s'agit d'un paragraphe, etc). |
Titre: Re:CSS . Comment centrer un texte correctement ? (padding)
Posté par: fredr31 le le 23-12-2004 a 20:17:47
merci beaucoup de ton conseil, celà fonctionne mieux comme ça ;).
Par contre saurais tu si la taille en pourcentage donne le même résultat sur IE et FireFox en pixel ?
Car visuellement jai des cadres plus larges sur IE.
Passe et passez de bonnes fetes ;D |
Titre: Re:CSS . Comment centrer un texte correctement ? (padding)
Posté par: jb_gfx le le 24-12-2004 a 15:19:55
En théorie je dirais oui, n'ayant jamais eu ce problème avec les pourcentage. Mais là encore il s'agit peut être d'un problème de padding/margin.
Si tu avais un exemple en ligne peut être... |
Titre: Re:CSS . Comment centrer un texte correctement ? (padding)
Posté par: PsyKoTiK le le 04-01-2005 a 11:51:23
merci beaucoup de ton conseil, celà fonctionne mieux comme ça ;).
Par contre saurais tu si la taille en pourcentage donne le même résultat sur IE et FireFox en pixel ?
Car visuellement jai des cadres plus larges sur IE.
Passe et passez de bonnes fetes ;D
|
|
je peux confirmer , les pixels sous différents navigateurs ne s'affichent pas de la meme taille , car là dessus comme sur plusieurs aspects les navigateurs ne sont pas d'accord , ou ne se respectent pas entre eux ...
si vous remarqué que les pixesl sous Firefox sont plus petits cest normals car c'était au départ pour faire plus propres ... mais sous IE le vieux dinausore ... c'est des gros pixcels de matusalem ...
++ |
Titre: Re:CSS . Comment centrer un texte correctement ? (padding)
Posté par: jb_gfx le le 07-01-2005 a 19:30:54
Non les pixels font la même taille sur tout les navigateurs. Leur taille dépend de la résolution ecran. C'est pas comme des points (par exemple) qui peuvent être interpretés differement.
La question etait par rapport aux pourcentages pas au pixels. |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|