Encore IE6 qui me plante mon dizaïgne !

Alors, celui là, il m'était pas encore arrivé :

Voilà ce que donne une page sous Firefox (pareil sous Opera et Safari, j'ai vérifié) :
http://glaneurdesons.ovh.org/test02/firefox.jpg

Et voilà ce que ça donne sous IE6 :
http://glaneurdesons.ovh.org/test02/ie.jpg

Le menu se retrouve par dessus un div "#haut" qui ne contient, pour l'instant, rien d'autre que les images arrondies (à gauche et à droite), et surtout, la taille des différents menus varie, de plus grand à plus petit, alors que le même texte est incrit dedans ("menu 01").

Par ailleurs, sous Firefox, j'avais un problème avec le pied de page : avec deux images de 74/74px, le bas était décalé de 2px vers le haut à gauche, et 2 px vers le bas à droite. J'ai modifié les tailles de mes images, et ça marche... Mais toujours pas sous IE6 !

Note : j'ai pas IE7 (je souhaite garder IE6 pour vérifier ce genre de bogues), donc si quelqu'un pouvait me dire comment ça paraît là-dedans...

Voilà les liens :
La page : http://glaneurdesons.ovh.org/test02/Welcome.html[/url]
La feuille CSS générale : http://glaneurdesons.ovh.org/test02/data/style.css[/url]
Et la feuille CSS spécifique à IE6 (ça boguait déjà, j'ai résolu pas mal de choses, mais là, je sèche) : http://glaneurdesons.ovh.org/test02/data/style.css[/url]

Le principe est de faire une page qui s'adapte à la largeur de l'écran, avec des bordures arrondies et ombrées, et des éléments de menus qui s'adaptent à la taille du texte écrit à l'intérieur.

Voilà. Si quelqu'un pouvait m'aider de ses lumières... J'expérimente à mort, mais là, je sèche de chez sèche...
Modifié par ledamien (16 Dec 2007 - 17:13)