28220 sujets

CSS et mise en forme, CSS3

Bonjour,
je me trouve face au fameux problème des float qui débordent. J'ai bien lu http://forum.alsacreations.com/faq/#item6 et j'ai appliqué. Mon problème fut réglé, mais je constate mes lacunes quand je vois ceci :
p {
	overflow: auto; /* Si un float déborde */
	width: 100%;
}

<div>
<p>paragraphe 1</p>
<p>paragraphe 2</p>
</div>

Le paragraphe 2, qui ne contient que du texte, se voit doté de 2 ascenceurs vertical/horizontal, alors qu'il est absolument semblable à tous les autres paragraphes, qui n'ont rien à signaler. Ces ascenceurs disparaissent puis réapparaissent en redimensionnant la fenêtre, parfois quelques pixels font la différence. Je n'ai pas ce problème sous IE, que sous Firefox. Par contre, sous IE c'est toute la page qui se voit en permancence doté d'ascenceurs horizontaux, alors que je n'utilise que des largeurs relatives.
Est-ce que j'ai fait une stupide faute de conception de débutant ?

Vous pouvez voir le phénomène avec FireFox ici. (le 2e paragraphe de la dernière news) Peut-être que tout vous semblera normal, alors redimensionnez la fenêtre ! Avec IE, ca sera l'autre phénomène.

D'avance merci de m'éclairer
Modifié par PsychoMessiah (19 Aug 2005 - 00:10)