Bug de marges horizontales sous IE [résolu]

mathmax

22 Sep 2005 à 10:00

Bonjour,
J'au un bug un peu bizarre, sur IE uniquement. En gros j'ai mis deux bloc en float (avec une correction pour le bug des 3px sous forme d'un commentaire conditionnel). Dans le bloc de droite, j'ai rajouté du texte et un troisième bloc (C) qui flotte à gauche.
Le problème que j'ai est le suivant: quand je met une margin-left:0 à C, rien d'anormal. Mais quand je lui met une margin-left:1px alors il y a un décalage non pas de 1px mais de 2 px. Sauriez-vous à quoi cela est dû? Voici le code, vous pouvez changer la marge gauche de C pour bien voir le bug:


<style>
#A {
background-color:green;
float:left;
width:200px;
height:200px;
border:1px solid black;
}

#B {
background-color:red;
width:200px;
height:200px;
margin-left:202px;
border:1px solid black;
}

#C {
background-color:yellow;
width:50px;
height:50px;
margin-left:1px; /*on pourra changer avec 0px*/
float:left;
border:1px solid black;
}

</style>

<!--[if lte IE 6]>
<style type="text/css">
#B {
margin-left: -3px;
margin-right:-3px;
position: relative;
right: 3px;
}
</style>
<![endif]-->

</head>

<div id="A"></div>
<div id="B">
	<div id="C"></div>
	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer vel libero. Cras dolor. Quisque quis odio eget justo pulvinar aliquet. Morbi luctus mi. Fusce leo. Integer eleifend condimentum felis. Phasellus vitae nibh. Mauris pellentesque porta magna</p>
</div>
<body>
</body>
</html>

Merci d'avance pour votre aide.

C'est bon, en mettant display:inline ça corrige mon bug à priori.
Modifié par mathmax (26 Sep 2005 - 00:37)