Problème de compatibilité avec IE6

Bonjour,

J'ai terminé le développement de mon site web en XHTML et CSS.
Le site est entièrement validé par le validateur et le CSS est presque valide (j'ai seulement utilisé les propriétés d'opacité non valide pour faire un rollover sur une image).

Cependant la mise en page pose problème sous IE6, j'ai un décalage à partir du menu qui décale tout le contenu du site. On dirait que c'est le float: left; qui est moins bien interprété que sur les navigateurs plus récents et occasionne le décalage :

http://www.fabparadise.com/
http://www.fabparadise.com/css/fabparadise2009.css

Mis à part cet écart qui impacte toute la mise en page, le reste semble bien tenir le coup c'est pourquoi j'aurais aimé réglé ce problème pour avoir un site 100% compatible.

Voyez-vous les causes du décalage ?

Cordialement,

Salut,

Es-tu sûr que tes images + les marges entre font 900px en tout, soit la largeur de ton div "main" ?

Car si ça fait un peu plus de 900px dans IE6 ça passera en dessous.

Vu qu'il y a des différences d'interprétation des pixels entre FF, IE et cie, il se peut que ça passe dans IE7 et FF mais pas dans IE6.

Je remarque qu'il y a un écart sur la propriété margin, l'écart est plus grand sous IE6 que sur Chrome, sans comprendre pourquoi. En mesurant, c'est IE6 qui ne respecte pas la dimension sans savoir pourquoi.

J'ai vérifié que tout rentre bien dans les 900px, tous les encart <div> qui sont dedans rentrent bien dedans (il y a même de l'espace à droite).

Quant à la page "Publication" c'est encore pire.
La seule différence c'est que le contenu descend plus bas.
D'où mon incompréhension !

Bonjour,

As-tu tenté de rajouter un display:inline; sur #main #menu ? Voir même sur #main #menu div.menu ? (bug marge double)

Cela corrige bien les écarts de marge, merci je ne connaissais pas du tout cette astuce !
En revanche la mise a page reste cassé de la même manière.
Il y a juste la marge à gauche qui retourne à la normale de cette manière.