Menu déroulant n'apparait pas dans IE

Bonjour,

Je suis face a un problème de taille si on peu dire j'ai presque finit
un site mais il fonctionne dans tous les navigateur sauf dans IE ou mon sous menu
n'apparait pas et quelques images ne sont pas a leur place,

quelqu'un sait-il pourquoi ???

Merci d'avance

Bonjour anaisl,
Sans ton code ou un lien vers ton site ça va être difficile de dire ce qui ne va pas.

Salut,

anaisl a écrit :
sauf dans IE

Quelle(s) version(s) d'IE aussi ?

@ hchtot : voila mon code:


<div id="menu">

<ul>
<li class="page_en_cours"><a href="#">Présentation</a></li>
<li><a href="equipement.html">Equipement</a>
<ul>
<li><a href="delaval.html">DeLaval</a></li>
<li><a href="acemo.html">Acemo</a></li>
<li><a href="crd.html">CRD</a></li>
<li><a href="accessoires.html">Accessoires</a></li>
</ul>
</li>

<li><a href="maintenance.html">Maintenance</a></li>
<li><a href="news.html">News</a></li>
<li><a href="flashback.html">FlashBack</a></li>
<li><a href="contacts.html">Contacts</a></li>
</ul>
</div>


styles:

#menu ul {
margin: 0;
list-style: none;
padding-right: 25px;
width: 1000px;
}

#menu li {
float: left;
margin-left: 0px;
list-style: none;
margin-top: 27px;

}

#menu a {
display: block;
width: 100px;
height: 28px;
padding-top: 10px;
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
font-size: 15px;
font-weight: normal;
color: #FFFFFF;
background-image: url(images/fond_onglets.jpg);
background-repeat: repeat-x;
background-position: left top;
margin-right: 10px;
text-decoration: none;

}
#menu .page_en_cours a {
background-image: url(images/blanc_onglets.jpg);
color: #463423;
}


#menu li ul
{
position: absolute;
width: 100px;
left: -999em;
padding: 0px;



}


#menu li ul li
{
margin-top: 0px;


}

#menu li ul a
{
margin: 0px;
background-image: url(images/fond_sous_liste.png);
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: solid;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #463423;
background-repeat: repeat;
color: #463423;

}

#menu .page_en_cours ul a
{
margin: 0px;
background-image: url(images/fond_sous_liste.png);
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: solid;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #463423;
background-repeat: repeat;
color: #463423;

}


#menu li ul ul
{
margin : -22px 0 0 144px ;
}






@ Victor BRITO : c'est la version IE for mac 5.2

pardon j'ai oublié une partie du "style"

#menu li:hover ul, #menu li.sfhover ul
{
left: auto;
min-height: 0;


}

Bonjour,

IE6 sur PC et très certainement le 5 sur MAC ne reconnait pas :hover sur un autre élément que <a>. Normal donc que le menu ne fonctionne pas.

La seule solution est de ne pas utiliser CSS pour gérer le déroulement d'un menu, mais JavaScript.

anaisl a écrit :
@ Victor BRITO : c'est la version IE for mac 5.2

Internet Explorer pour Mac est un navigateur décédé (dernière version sortie en 2003, arrêt du téléchargement et du support il y a bientôt cinq ans) : tu peux l'oublier.

Et l'eau,

+1 Laurie-Anne (mode after vendredÿ : Au passage, IE6 le boulet et le relou ! )
+1 Victor

Aussi, je rajouterai une chose dans le cas où tu implémenterais une couche JS, n'oublie pas que tout le monde n'a pas le JS sur sa machine.
Modifié par niuxe (14 Nov 2010 - 10:56)