Bug IE bizarre

mathmax · 29 Septembre 2005

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

Remi · 29 Septembre 2005

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 ?

Connexion

Bug IE bizarre

Sujets conseillés

mathmax

Remi

Veuillez vous connecter pour commenter

Parcourir

Activité