28220 sujets

CSS et mise en forme, CSS3

Bug IE bizarre (IE n'aime pas mes 4 paragraphes)

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! Smiley confus
Quelqu'un pourrait t-il m'expliquer ce bug?
Voici mon code. C'est toujours plus clair avec Smiley cligne :

<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 Smiley smile
Non, mais je veux avoir des marges pour p. Ce qui est bizarre c'est que le bloc C est à priori indépendant des paragraphes qui sont dans le bloc B: En rajoutant des paragraphes dans B, celui-ci s'allonge entrainant avec lui l'allognement de A, et C reste normalement aligné en bas du cadre A. Ca marche lors de l'ajout des 3 premier paragraphes, mais plus lors de l'ajout du 4ème (il y a une marge de 1px qui apparait)...
Je n'ai pas de réponse à la question, mais j'ai remarqué que lorsque le texte du 4ème paragraphe était réduit jusquà éviter le retour à la ligne, alors la marge de 1px disparaissait.
Sujet clos
Aller à