Compatibilité I.E 6

Bonjour

J'ai mis en ligne un site utilisant les CSS, il s'affiche parfaitement sous I.E 7, Firefox et Chrome, mais j'ai un gros soucis de positionnement des blocs sous I.E 6.

Quelqu'un aurait-il la bonté de jeter un oeil au code pour voir à quel niveau ça cloche ?

La page est ici, les CSS sont visibles dans le code source

div#news {
	width:450px;
	float: left; 
	margin-right: auto;
	margin-left: 20px;
}

div#forum {
	width:400px;
	float: right; 
	margin-left: auto;
	margin-right: 20px;
}

div#newsletter {
	width:350px;
	float: right; 
	margin-right: 20px;
	margin-top: 20px;
}

div#video {
	width:604px;
	clear: left; 
	float: left; 
	margin-right: auto;
	margin-left: 20px;
}

div#audio {
	width:180px;
	float: right; 
	margin-left: auto;
	margin-right: 40px;
}

Bonjour et bienvenue,

le bon site que voilà !


Pour ton problème, à vue de nez je dirais que flottant à gauche/droite + marge à gauche/droite = doubled-margin float bug, pour commencer.

Pour appliquer une CSS spéciale IE6 (et/ou 7) voir la FAQ et les commentaires conditionnels.

Il restera peut-être des soucis (3px jog, hasLayout - qui n'est pas un souci mais une solution -, duplicated content, peek-a-boo, ...) et si une colonne persiste à passer à la ligne (trop large), il faut colorer à peu près tous les fonds de blocs, listes, titres et paragraphes avec des couleurs bien flashys pour voir le(s)quel(s) pose problème. Courage
Modifié par Felipe (12 Jan 2009 - 12:21)