Rechercher : dans
Par :

Probleme dans IE avec menu deroulant css

Dernière réponse le 24 nov 2008 à 16:47:31 p.o2, le 24 nov 2008 à 16:29:49 
 Signaler ce message aux modérateurs

Bonjour,
j'ai un souci avec mon menu deroulant css (comme des milliers de gens) mais j ai un probleme pas très commun.
Mon menu est nikel, ca déroule quand je passe ma souris dessus, mais quand je descend jusqu'au 2eme sous menu, ma sous liste disparait, comme si il n y avait que le sous item n°1. Pourtant les 3 sous item s'affiche au début (et ils ont tous un # dans le html pour simuler le lien).Dans firefox, aucun probleme.
J'éspere que vous m'avez suivi et que quelqu'un pourra m'aider là dessus.
Merci (ci desous le css du menu)

#navigation {
color: #fff;
padding-left: 162px;
margin: 0px 0px 0px 1px;
background: #000;
width:685px;
height:40px;
}
#menu {
height:50px;

}
#menu ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}
#menu li {
float:left;
margin:auto;
padding:0;
background-color:black;
}
#menu li a {
display:block;
width:100px;
color:white;
text-decoration:none;
padding:5px;
}
#menu li a:hover {
color:#FFD700;
background: url(puce.jpg) center left no-repeat;

}
#menu ul li ul {
display:none;
z-index:2;
position:relative;
}
#menu ul li:hover ul {
display:block;
position:absolute;
}
#menu li:hover ul li {
float:none;
}
</style>
<!--[if !IE]> <-->
<style type="text/CSS">
#menu li ul {
position:absolute;
}

Configuration: Windows Vista
Internet Explorer 7.0

Meilleures réponses pour « probleme dans IE avec menu deroulant css » dans :
[CSS] Créer facilement des CSS VoirUn outil très facile d'utilisation pour créer des CSS, avec un aperçu en direct de ce que vous créez : TopStyle. La version Lite est gratuite. www.topstyle4.com

1

Craigthd, le 24 nov 2008 à 16:36:18

EDIT complet : IE n'interprète la propriété hover QUE sur les balises <a>
le problème vient sans doute de là

Répondre à Craigthd

2

p.o2, le 24 nov 2008 à 16:43:02

YES !!! t'es un géni. c'est effectivement un fond qu'il manquait aux sous menus... FINI LES NUITS BLANCHES !!!
merci beaucoup

Répondre à p.o2

3

p.o2, le 24 nov 2008 à 16:44:29

Comment ca s fait ke le message ke jai recu par mail ne saffiche pas dans la discussion ???

Répondre à p.o2

4

 Craigthd, le 24 nov 2008 à 16:47:31

Mea culpa, j'ai posté le message, et j'ai flashé 2 minutes après sur le :hover sous IE. Ne pensant pas que la solution apportée était la bonne, j'ai édité complètement le message.

Je répète pour si ça peut servir à quelqu'un.
Ajouter un fond aux items de la liste évite à IE de croire que la souris est sortie du menu. (quitte à mettre un fond transparent)

Répondre à Craigthd