Menu déroulant CSS et IE Windows

Ce billet date de plusieurs années, ses informations peuvent être devenues obsolètes.

Mon tuto sur le menu déroulant full CSS commence à dater, pourtant je reçois toujours beaucoup d'emails avec la plupart du temps les mêmes questions : pourquoi ça ne marche pas sous IE et comment le faire fonctionner sous IE ? Allons-y :

Ca ne fonctionne pas sous IE car ce navigateur dispose (à l'heure actuelle) d'un support insuffisant de CSS2. Par conséquent il n'interprète pas la pseudo-classe :hover sur autre chose qu'un élément <a>.

Mais alors, ça peut pas fonctionner sous IE ? Non. Du moins pas en l'état. Mais il existe des solutions. Parmis les bons tutoriels d'Alsacréations, je vous conseille un menu déroulant en CSS et XHTML (horizontal et vertical). Vous y apprendrez comment faire un menu déroulant avec CSS et javascript soit vertical, soit horizontal.

Pour les plus geeks d'entre vous, je vous conseille l'étude d'une autre technique qui propose d'utiliser ce qu'on appelle en anglais les behaviors pour permettre à IE de comprendre la pseudo-classe :hover sur tous les éléments ( whatever:hover !) et de faire des chouettes menus.

Si vous en voulez encore plus, je vous propose une recherche sur mon blog avec le mot déroulant.

#1 Clément

18/11/2005 21:31

Salut Marco, le web est petit, je viens de mettre en ligne la nouvelle version du site Kanyoo avec menu déroulant géré par le whatever:hover sur IE. C'est à mon avis bien plus simple et rapide que le javascript !

A+

#2 Marco

19/11/2005 12:11

Salut Clément, extra ton nouveau site, la pose du gars sur la page Contact est extra :-) Je trouve aussi que le whatever:hover est une bonne solution pour IE en attendant la version 7. A+

#3 Florian

10/01/2007 15:01

Vraiment j'adore tous ces jolis menus mais chez moi ça ne fonctionne pas avec IE7 mais avec FF 2.0 oui... je ne comprend pas tout

#4 Florian

11/01/2007 08:15

Petite précision : ce site s'affiche correctement avec les deux navigateurs (et en particulier le menu déroulant) mais lorsque je travaille en localhost avec le même code, c'est là qu'il y a un problème...

#5 florian

12/01/2007 10:18

C'est bon, j'avais oublié l'entête...

#6 kaliayev

23/01/2007 16:30

Super ! MAIS problème de profondeur ! en développant mes sous-menus la partie du site sous le menu est décalée... un peu pénible non ? J'ai tenté d'utiliser z-index mais ça ne fonctionne pas sur la plupart des navigateurs (surtout que d'après mes stats, les internautes mettent rarement à jour leur navigateur !)

#7 kaliayev

24/01/2007 13:45

mea culpa problème résolu

Avant Mise à jour Airport : fin des problèmes Après Rendez-moi ma CSS ;-)

Tag Kemar Joint