Bug de liste inline (onglets) sous IE6

Bonjour a tous,

J'ai quelques soucis a trouver l'origine du bug. J'ai deux types d'onglets dans ma page, les deux utilisant plus ou mois la meme technique, et les deux fonctionnant parfaitement sous IE7, FF et Safari. La page est valide.

le probleme ici : http://joulin.eu/kr/1826

copie d'ecran : http://img392.imageshack.us/my.php?image=picture1nr5.png

Merci d'avance pour une explication ou un hack

Bonjour,

Mettre une largeur aux flottants correspondants (li ou a)

Je voudrais eviter si possible d'avoir a mettre une largeur. Le but est que la taille de l'onglet corresponde a la taille du texte contenu (+ les marges), en gros comme sur FF, IE, Safari etc.

Y a-t-il une solution moins radicale ?

T'as essayé en rajoutant un "display:inline;" au <li>?
Modifié par Calak (20 Oct 2008 - 01:40)

bonjour/bonsoir

Il s'agit d'un bug ? de IE , ton span disposé en :

display:block;

va occupé 100% de la largeur dispo en passant outre le comportement attendu de tes flottants.

Si tu veut les dimensionné , propose un display:inline-block a IE ou fait les aussi flotter

GC

Merci beaucoup ! le bug venais de la et est corrige. En mettant un float left sur les li ainsi que sur les a (innerTabs) et span (tabs), ca marche impec