[ réglé ] Les pixels sont plus gros chez ie

Bonjour,

J'ai un petit problème, (de la taille d'un pixel )
voulant changer mon site d'apparence (d'après les conseils de certains), j'ai fais ça :
mise en page avec une marge de 0px

Un bloc conteneur avec : un header, un menu horizontal, une partie gauche, droite et une en bas en clear:both
Rien de bien compliqué, et pourtant si :

#gauche {
float: left;
width: 469px; 
margin: 0px 0px 0px 0px;
background-image: url(images/back_contenu.jpg);
background-repeat: no-repeat;
}
#droite {
float: right;
width: 254px;
margin: 0px 0px 0px 0px;
background-image: url(images/bgr_droite.jpg);
background-repeat: no-repeat;
}
#footer {
clear: both;
text-align: center;
background-image: url(images/bas.png);
background-repeat: no-repeat;
background-position: center bottom;
padding: 30px 0 15px 0;
}

Voilà, mes parties principales sont en place, seulement pas centrée. Je change donc la marge gauche de ma partie gauche :

#gauche {
float: left;
width: 469px; 
margin: 0px 0px 0px 12px;
background-image: url(images/back_contenu.jpg);
background-repeat: no-repeat;
}

mais le résultat est que les 12px chez mozilla sont plus petit que chez ie
Modifié par truecasper (28 Jul 2005 - 20:37)

Bonjour truecasper,

A priori, il s'agit sans doute d'un petit coup de IE Doubled Float-Margin Bug, qui se soigne facilement avec un display: inline; sur l'élément flottant concerné

J'ai adoré la raison qui explique ce bug :

Why is this happening? Don't ask such silly questions! This is IE, remember?



MERCI Mr DENIS

Pour le margin, tu peux aussi corriger ainsi:
margin: 0;