CSS Au pays des CSS foireux, again ^^ - Page 1

yop,

Bon, soit j'ai trouvé un bug assez fun, soit y'a définitivement un détail qui m'échappe dans la subtilité de la compréhension des CSS par IE. Dans cet exemple, j'ai une page html toute conne avec un css tout con, le but étant d'avoir une liste d'items "<li>" avec à droite de la page et pour chacun d'eux, une série de boutons. Les boutons sont placés dans un div en float:right, jusque-là rien de spécial. Par contre, là où Firefox affiche correctement la page, IE préfere mettre le div des boutons sur une ligne et mon texte sur la suivante.

Admettons. C'est pas comme si c'était inhabituel d'avoir des résultats totalement foireux sous IE.

Là où je ne comprends vraiment plus rien, c'est qu'en ajoutant un attribut "border" au div qui entoure le tout (donc a priori juste un cadre qui vient s'afficher autour, aucune modification dans la disposition des élements ni rien), IE se met à afficher la page correctement... J'ai le même gag sous IE6 et 7, et si quelqun est capable de m'expliquer ce miracle, ça m'interesse ^^

sans border vs avec border, la css est rigoureusement la même entre les deux pages à l'exception d'un "border" commenté dans la 1ere.

Je hais les CSS

Et sous Opera, tes bordures prennent la puce

sous ff aussi en fait, mais ça à la limite ds le cas présent je m'en tape ^^ (même si ça peut devenir *très* chiant par ailleurs)

Bon je n'arrive plus à voir tes exemples mais je pense que c'est le bug du float d'IE qui est en jeu : IE gère mal le float si l'élément n'a pas de taille prédéfinie. Je pense qu'en incluant un border, le parser passe d'abord par une définition de la taille de ce bloc. En général on contourne le problème en utilisant un hacks du genre :

* html #content {
height: 1%;
}