Vieux. Ce billet a plus d'un an. S'il contient des informations techniques elles sont peut être obsolètes.
Menu déroulant CSS et IE Windows
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.
Commentaires
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+
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
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...
C'est bon, j'avais oublié l'entête...
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 !)
mea culpa problème résolu
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+