bug des marges sur IE

mathmax · 25 Septembre 2005

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 © 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>

PS: J'ai le même problème si je place mon cadre C en absolu.

Merci d'avance pour votre aide.

Compte supprimé · 25 Septembre 2005

C'est le bug connu du bouble-margin.

pour le stopper, il faut ajouter ça dans le style

display: inline;

http://www.positioniseverything.net/explor...led-margin.html

mathmax · 25 Septembre 2005

Merci bien jeroen pour cette info!

Connexion

bug des marges sur IE

Sujets conseillés

mathmax

Compte supprimé

mathmax

Veuillez vous connecter pour commenter

Parcourir

Activité