Aller au contenu

Bug IE bizarre


mathmax

Sujets conseillés

Bonjour,

J'ai un bug un peu bizarre (avec IE seulement). Voici ce que j'ai fait:

Une div A en contient deux autres appelées B et C. La div B est moins large que la A, elle contient 3 paragraphes de texte. A sa droite, positionné en abslou par rapport à A (avec un bottom:0), il y a la div C. Jusqu'à là rien d'anormal: C colle au bas de A quelle que soit la longueur de mes paragraphes dans B.

Maintenant je rajoute un 4ème paragraphe dans B et là... une marge de 1px apparait entre le bas de C et le bas de A!

Quelqu'un pourrait t-il m'expliquer ce bug?

Voici mon code. C'est toujours plus clair avec :

<style>
#A {
background-color:#FF0000;
width:400px;
position:relative;
}
#B {
background-color:#00CC00;
width:200px;
}
#C {
background-color:#FFFF00;
width:200px;
height:50px;
position:absolute;
left:200px;
bottom:0px;
}
</style>

</head>

<body>
<div id="A">
<div id="B">
<p>jklkgjklgjgkl j glj jklgjlkg djklj klg</p>
<p>jklkgjklgjgkl j glj jklgjlkg djklj klg</p>
<p>jklkgjklgjgkl j glj jklgjlkg djklj klg</p>
<p>jklkgjklgjgkl j glj jklgjlkg djklj klg</p> <!-- si enlève ce paragraphe la marge de 1px en bas du cadre jaune disparait -->
</div>
<div id="C"></div>
</div>

Merci d'avance pour votre aide

Lien vers le commentaire
Partager sur d’autres sites

C'est la première fois que je vois un div absolute positionné en bottom uniquement... je ne savais même pas que c'était possible. ;-)

Sinon, c'est effectivement bizarre, d'autant plus que si l'on rajoute des BR la ligne disparaît. Tu as regardé sur http://www.positioniseverything.net/explorer.html pour voir s'il ne parlait pas de ça ?

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
×
×
  • Créer...