[Résolu] Menu déroulant horizontal sous IE 6 et prcedents

Question

stefano

30 Nov 2006 à 13:22

Bonjour,

J'ai cerché un peu sur le forum et je n'ai pas trouvé de réponses à ma question. J'espère avoir bien cherché.

J'avais posté dimanche car après avoir téléchargé IE7 j'avais remarqué avec horreur que mon menu déroulant (le submenu) était totalement déplacé et haché.

je l'ai modifié de fond en comble sur la base de tutoriels proposés sur "alsacreations". J'étais tout content car il marchait très bien avec IE 7 et FF 2. Mais hier plusieurs internautes m'ont fait remarquer que le menu ne marche plus avec IE6 et versions précédentes. Le Submenu apparaît et disparaît dès que l'on commence à descendre avec la sourie.

J'ai tout essayé mais je n'arrive pas à résoudre ce problème. J'ai même créé une feuille de style parallèle pour "lte IE 6". Rien du tout. Je n'arrive pas à en comprendre la cause.

Quelqu'un aurait des conseilles à me donner.

merci par avance.
Modifié par stefano (03 Dec 2006 - 15:24)

Corinne S.

30 Nov 2006 à 18:56

Bonsoir ... Smiley smile

Pourrais-tu nous donner une URL ou un exemple de code ?
Car malgré toutes tes explications, sans avoir une idée de la base sur laquelle tu pars, on ne peut pas faire grand chose pour t'aider.... Smiley confus

stefano

30 Nov 2006 à 18:59

Bonsoir Cygnus,

L'URL est italieaparis.net

et le code dans ma feuille de style est :

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
position: absolute; top: 146px;
left: 12px;
z-index:100;
width: 1000px;
}
#menu dl {
color: #fff;
float: left;
width: 120px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
}
#menu dd {
border: 0px ;
display: none;
}
#menu li {
text-align: center;
background: #888;
font-size:11px;
letter-spacing:-0.009em;
padding:2px 1px 2px 1px;
}
#menu li a, #menu dt a {
color: #fff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #ce0000;
}

stefano

30 Nov 2006 à 19:26

j'ai fait quelques petits changements pour Explorer 6 et antérieurs :

#menu dl {
color: #fff;
float: left;
width: 120px;
text-align:left
}
#menu dt {
cursor: pointer;
font-weight: bold;
background: #ce0000;
}
#menu dd {
border: 0px ;
position: absolute;
}

comme désormais j'ai IE7, est-ce que quelqu'un qui utilise IE6 peut me dire si cela marche ?

Merci par avance

Corinne S.

1 Dec 2006 à 23:35

Re ...
A priori, ça fonctionne beaucoup mieux.
Même s'il arrive que ça bug encore quelque fois.

J'avais également rencontré le problème et en fait, il s'agissait tout simplement d'un espace entre le menu et le sous-menu. Du coup, IE arrêtait sa zone réactive à la fin du menu et la reprenait au début du sous-menus. Ce qui fait que lorsqu'on passait de l'un à l'autre, des fois ça sautait.

J'ai résolu le problème en remontant un petit peu le sous-menus pour qu'il colle bien le menu et qu'IE ne pose plus de problème...

J'ai été claire là ?!?
Smiley rolleyes