Aller au contenu

bug des marges sur IE

mathmax

Par mathmax
dans (X)HTML et CSS

 Partager

Sujets conseillés

mathmax

mathmax

Posté
Posté

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.

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
 Partager
Aller sur la liste des sujets
×
×
  • Créer...