Le classique display block sur les a dans les li dans le ul (N'allez pas croire qu'il manque <ul> dans le <li> )
C'est très simple. Quand IE voit ça :
<li><a href="pouet">Pouet</a></li>
<li><a href="truc">Truc</a></li> |
En interne, il vire le </li> (règle de l'HTML4, t'as pas besoin de mettre la balise de fin pour <li> ). Et comme un con, il prend en compte les espaces blanc situés entre le </li> et le <li> suivant... Donc ça te donne un truc du style :
<li>[fixed]<li><a href="pouet">Pouet</a> <li><a href="truc">Truc</a> <li>.... |
Donc t'as ton a en display block qui prend toute la largeur du li... Il faut maintenant afficher quelque part l'espace blanc.... Et devine où ? En dessous du <a>... D'où l'espace entre les deux...
Solution possible, écrire ta liste comme ça :
<ul><li><a href="pouet">Pouet</a></li><li
><a href="truc">Truc</a></li><li
<a href.... |
Ou alors essaye un display: inline sur les li...
Bref, vivement IE7 qui devrait corriger ça... Peut-être... A vérifier... Arghhhh
Message édité par FlorentG le 24-03-2006 à 15:42:18