28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

J'ai un souci, mon menu déroulant comme le dit le titre ne fonctionne pas sous IE.
Avec les autres navigateurs ça à l'air de passer.
J'en ai déjà bien baver pour le faire fonctionner mais sous IE, il ne se passe rien.
Je sais que ce sujet à déjà été vu mainte et mainte fois mais quand je prends les exemples des autres sites pour les mettre dans le mien, ça me fait une tambouille incroyable !!

Voici mon site : http://www.sc-poitou.fr
Si quelqu'un peut m'aider ça serait super cool, sinon bah merci quand même.
Bonjour,

Pourrais-tu être plus précis quant à la/aux version(s) d'IE sous lesquelles ton menu déroulant ne marche pas ?

Il est full css, sans js, il devrait normalement fonctionner sous toutes les versions d'IE > 6. Une reeur dans ton code html ou css ?

Les codes html et css du menu seraient bienvenus.

Bonne continuation.
Bonjour et merci,

Je suis sous IE9, mais je suppose que ça ne fonctionne pas non plus sous les autres.
Pour le HTML ça va être compliqué de le donner puisqu'il est sous wordpress. au pire on peut le regarder avec firebug sous firefox.
pour le CSS le voici :


#menu-menu-du-haut, #menu-menu-du-haut ul /* Liste */     
{
    
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 20px; /* on définit une hauteur pour chaque élément */
	width : 500px;
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}


#menu-menu-du-haut /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 14px; /* hauteur du texte : 14 pixels */
}


#menu-menu-du-haut a /* Contenu des listes */
{
        display : inline; /* on change le type d'élément, les liens deviennent des balises de type block */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */        
}


#menu-menu-du-haut li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */        
}


#menu-menu-du-haut li ul li /* Elements des sous listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */      
}


#menu-menu-du-haut > li{ position : relative}
.sub-menu{position : absolute; left : 0px; top : 24px;}

#menu-menu-du-haut a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #ADCA28; /* On passe le texte en vert... */    
}

#menu-menu-du-haut li a{
    text-decoration : none;
    padding: 0 10px 0 0;  
}

#menu-menu-du-haut{
    position : absolute;
    width : 920px;
    margin-top : -50px;
    }

.sub-menu{display : none}
.menu-item:hover .sub-menu{ display : block;}