Pb CSS div float avec IE6 [pb resolu]

Bonjour à tous,

Je rencontre un problème d'interopérabilité avec IE6 sur un site internet en cours de réalisation.
Dans l'intérieur du site (après la page d'accueil), le contenu principal contient 2 divs toutes les deux placées en float left.
Simplement sur IE6, la div de droite se place en dessous de la div de gauche. En plus la barre de navigation (conçue avec du CSS + javacript avec un display:block/none) placée juste au dessus des deux divs décale les divs dès que la navigation est en display block au survol de la souris.
Sur IE7, FI et les autres il n 'y a aucun problème.

Si quelqu'un peut à une idée et peut jeter rapidement un coup d'œil, ça fait un moment que je tente de trouver une solution sans succès.

PS : J'espère que l'explication du problème est claire, c'est toujours délicat d'expliquer à l'écrit un pb informatique.
Modifié par nebka (25 Jun 2010 - 13:47)

Bonjour,

Comme ça, à l'arrache sans trop regarder, tu devrais chercher du côté des bugs de la double marge ou du 3 pixels gap. (attention les liens mènent sur un site anglophone).

C'est toujours décevant de trouver des pb non résolus ou des post orphelins dans les forums de développeur donc pour ceux que ça intéressent, je donne la solution que j'ai enfin trouvé!

En fait j'ai mis la navigation et les 2 divs "récalcitrantes" dans une grande div en position relative.
Puis je les ai placé dans le flux avec des margins. Parfois on se prend vraiment la tête alors qu'il suffit de revenir aux règles CSS de base.

Pour la navigation qui décalait les div, le pb fut résolu avec le nouveau positionnement cependant, lorsque la div était en display: block, on voyait ce qui avait à travers. J'ai juste mis les div en question en position : absolute ce qui a réglé le pb.

Le site est encore en cours de construction mais vous pouvez aller regardez si vous le souhaitez.
Modifié par nebka (12 Jun 2008 - 14:38)