[XHTML 1.0] Padding Firefox/ IE8 [Résolu]

Atlantike · 03/02/2011, 12h35

Bonjour

j'ai un soucis qui est sans doute tout bête (relève t'il du doctype?) mais j'ai beau tourner le problème dans tous les sens, je ne comprend ce qu'il se passe.

J'ai un div de 1000px mais dont le texte est censé se trouver au centre, sur une largeur de seulement environ 500px (le reste est "dédié" au background de ce div).

Il me semble donc logique de faire quelque chose du genre
{width:1000px; padding: 0 250 0 230px;}

non?

seulement, je ne sais trop pourquoi, firefox additionne la largeur de mon div avec les padding. Ca me donne un div de 1480px et le texte s'étend bien au delà de ce qu'il devrait. Sur IE, par contre, pour une fois ça fonctionne.

illustration en image:

tentative 1°: http://home.scarlet.be/triton/del%20Ach/v0.5b/
{width:1000px; padding: 0 250 0 230px;}
fonctionne sous IE, dépasse de ce que j'attends sous FF

tentative 2°: http://home.scarlet.be/triton/del%20Ach/v0.5a/
{width:500px; padding: 0 650 0 230px;}
fonctionne sous firefox mais déforme l'écran, ne fonctionne pas sous IE

Je ne suis plus du tout...si quelqu'un avait une réponse à ce soucis je lui en serait très reconnaissant

NoSmoking · 03/02/2011, 14h59

Bonjour,

Citation:

j'ai un soucis qui est sans doute tout bête (relève t'il du doctype?)

passe en mode de rendu STRICT, cela ne pourra être que mieux.

Atlantike · 03/02/2011, 15h12

voila qui est fait...malheureusement ça ne change rien au problème :/
IE et FF interprètent toujours la page différemment...

telliak · 03/02/2011, 15h26

,
Dans la situation que tu décris, le comportement de Firefox ne me choque pas; il est conforme à la recommandation du modèle de boîte, la valeur de Width n'inclut ni padding, ni border, ni margin qui doivent lui être ajoutés pour avoir la largeur réelle. En fait, c'est IE qui n'est pas toujours conforme.
Une lecture en anglais
A+

Atlantike · 03/02/2011, 16h36

oki je sais pas pourquoi j'avais cette idée (en même temps ça m'étonne pas d'IE)

....
hum...
j'allais rajouté que je ne voyais toujours pas le problème, vu que j'avais un DOCTYPE correcte mais...j'avais mis le DOCTYPE dans les balises <html>.

Vais aller me cacher dans un coin (m'apprendra à travailler jusque pas d'heures

)

merci à tous les deux pour les infos en tout cas.

03/02/2011, 12h35	#1
Atlantike Invité de passage Inscription : novembre 2009 Messages : 11 Détails du profil Informations forums : Inscription : novembre 2009 Messages : 11 Points : 2 Points : 2	Padding Firefox/ IE8 Bonjour j'ai un soucis qui est sans doute tout bête (relève t'il du doctype?) mais j'ai beau tourner le problème dans tous les sens, je ne comprend ce qu'il se passe. J'ai un div de 1000px mais dont le texte est censé se trouver au centre, sur une largeur de seulement environ 500px (le reste est "dédié" au background de ce div). Il me semble donc logique de faire quelque chose du genre {width:1000px; padding: 0 250 0 230px;} non? seulement, je ne sais trop pourquoi, firefox additionne la largeur de mon div avec les padding. Ca me donne un div de 1480px et le texte s'étend bien au delà de ce qu'il devrait. Sur IE, par contre, pour une fois ça fonctionne. illustration en image: tentative 1°: http://home.scarlet.be/triton/del%20Ach/v0.5b/ {width:1000px; padding: 0 250 0 230px;} fonctionne sous IE, dépasse de ce que j'attends sous FF tentative 2°: http://home.scarlet.be/triton/del%20Ach/v0.5a/ {width:500px; padding: 0 650 0 230px;} fonctionne sous firefox mais déforme l'écran, ne fonctionne pas sous IE Je ne suis plus du tout...si quelqu'un avait une réponse à ce soucis je lui en serait très reconnaissant
	00

03/02/2011, 15h12	#3
Atlantike Invité de passage Inscription : novembre 2009 Messages : 11 Détails du profil Informations forums : Inscription : novembre 2009 Messages : 11 Points : 2 Points : 2	voila qui est fait...malheureusement ça ne change rien au problème :/ IE et FF interprètent toujours la page différemment...
	00

03/02/2011, 15h26	#4
telliak Membre à l'essai Inscription : mai 2006 Messages : 19 Détails du profil Informations forums : Inscription : mai 2006 Messages : 19 Points : 21 Points : 21	, Dans la situation que tu décris, le comportement de Firefox ne me choque pas; il est conforme à la recommandation du modèle de boîte, la valeur de Width n'inclut ni padding, ni border, ni margin qui doivent lui être ajoutés pour avoir la largeur réelle. En fait, c'est IE qui n'est pas toujours conforme. Une lecture en anglais A+
	00

03/02/2011, 16h36	#5
Atlantike Invité de passage Inscription : novembre 2009 Messages : 11 Détails du profil Informations forums : Inscription : novembre 2009 Messages : 11 Points : 2 Points : 2	oki je sais pas pourquoi j'avais cette idée (en même temps ça m'étonne pas d'IE) .... hum... j'allais rajouté que je ne voyais toujours pas le problème, vu que j'avais un DOCTYPE correcte mais...j'avais mis le DOCTYPE dans les balises <html>. Vais aller me cacher dans un coin (m'apprendra à travailler jusque pas d'heures ) merci à tous les deux pour les infos en tout cas.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email