Ouais, j'aime pas trop internet explorer... Je ne vais pas recommencer une argumentation contre ce navigateur, mais il a tout les défauts (je parle de la version 6, le 7 me semble pas mal même si je préfère encore firefox). Le seul point que je mentionnerai: le respect des standard du www consortium (W3C): IE n'en fait qu'à sa tête.

J'ai remarqué il y a quelques temps, un problème d'affichage du menu de mon blog (le menu apparaissant tout en bas) sous IE6 (mais j'ai pas mis ça dans mes priorités puisque j'utilise que firefox). Cependant, ce soir je me suis dit qu'il était temps que je règle ce problème car en voyant mes statistiques, je voit que 27% de mes visiteurs surfent avec explorer :

Alors pour ces 27%, j'ai fouillé un peu et j'ai trouvé la cause du problème dans l'aide officielle de dotclear:

Si tous les navigateurs modernes prennent la déclaration de largeur comme une valeur globale à l'intérieur de laquelle se placeront les marges et les bordures, Internet Explorer prend cette largeur et place les marges et bordures à l'extérieur de celle-ci. Ainsi, pour un bloc déclaré avec width : 200px; margin-left : 30px; margin-right : 20px; border : 3px solid #ccc; les navigateurs modernes réserveront 200 pixels pour cette boîte et Internet Explorer 256 pixels (200 + 30 + 20 + 3 + 3). Si vous avez organisé votre mise en page sans laisser ces 256 pixels disponibles, la mise en page casse et le bloc « attend » d'avoir la place pour s'afficher. C'est typiquement le diagnostic à poser pour un menu qui se positionne en bas de la page au lieu de se placer à côté des billets.

J'ai donc été élargir la zone principale et j'ai adapté le menu du haut pour que le décalage ne paraisse pas trop...

Pour ceux que j'ai réussi à intéresser à firefox, le navigateur libre, sécuritaire et respectant les normes du W3C, je vous invite à visiter ma page de sensibilisation à firefox: firefox 2