28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous!

J'ai un problème sur internet explorer que je ne parviens pas à comprendre avec un menu horizontal déroulant. Sur firefox et safari le menu s'affiche parfaitement, mais sur ie le menu s'affiche à la verticale... il se trouve sur www.performanceafrique.com.

Avez vous une idée de comment résoudre le problème?

Merci d'avance
Bonjour,
ne pas oublier de préciser dans ce cas la version d'IE sur lequel le problème est présent : IE6.
Je pense qu'en remplaçant le float:left de #suckerfishnav par un overflow:hidden ça devrait fonctionner. Le float:left force son contenu à prendre une largeur minimum.
Modifié par Hermann (19 Aug 2010 - 20:06)
Le problème vient de tes liens, enfants des li de classe ".categories", ceux-ci sont déclarés en display:block sans largeur définie pour un conteneur en float.
IE6 ne gère pas très bien cette situation : ton lien prend toute la largeur possible.

Rapidement comme ça, je vois 2 solutions :

- Retirer le display:block des liens et le remplacer par un float:left.
- Définir une largeur aux liens, ou aux li.