Help: mon menu sous IE6 ne marche pas

Résolu
inizar Messages postés 207 Date d'inscription   Statut Membre Dernière intervention   -  
bormat Messages postés 10 Date d'inscription   Statut Membre Dernière intervention   -
Bonsoir ;

j'ai un problème avec mon menu , il s'affiche trés bien sous IE7 et Mozzilla ... sauf sous IE6 ce qui pose un vrai problème , la bar de menu n'est plus en place , elle a decendu en bas et ne marche pas :(

Exemple :

si je mets la souris sur la catégorie A elle donne des sous menu avec la forme suivante :

catégorie A - catégorie B - catégorie C
1er sous menu de catégorie A - 2em sous menu catégorie A

Positionnement

Mon menu est placé comme ça :

<body><div#menu><div.wrap><ul.sf-menu sf-navbar>

Le <ul.sf-menu sf-navbar> contient mon menu

Contenu

1) Le div qui comporte menu :

#menu {
BORDER-TOP: #3d3e3b 1px solid; BACKGROUND: url(../images/blackgrad3.png) #2d2d29 repeat-x left bottom; HEIGHT: 30px
}

#menu A {
COLOR: #dfece6
}


2) wrap

.wrap {
MARGIN: 0px auto; WIDTH: 980px
}


3) ul.sf-menu

UL.sf-menu LI:hover LI UL {
TOP: -999em
}
UL.sf-menu LI.sfHover LI UL {
TOP: -999em
}
UL.sf-menu LI LI:hover UL {
LEFT: 10em; TOP: 0px
}
UL.sf-menu LI LI.sfHover UL {
LEFT: 10em; TOP: 0px
}
UL.sf-menu LI LI:hover LI UL {
TOP: -999em
}
UL.sf-menu LI LI.sfHover LI UL {
TOP: -999em
}
UL.sf-menu LI LI LI:hover UL {
LEFT: 10em; TOP: 0px
}
UL.sf-menu LI LI LI.sfHover UL {
LEFT: 10em; TOP: 0px
}

4) sf-navbar :


.sf-navbar {
POSITION: relative
}
.sf-navbar LI {
POSITION: static
}
.sf-navbar A {
BORDER-TOP-STYLE: none
}
.sf-navbar LI UL {
WIDTH: 44em
}
.sf-navbar LI LI {
POSITION: relative
}
.sf-navbar LI LI UL {
WIDTH: 13em
}
.sf-navbar LI LI LI {
WIDTH: 100%
}
.sf-navbar UL LI {
FLOAT: left; WIDTH: auto
}
.sf-navbar A {
BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.sf-navbar A:visited {
BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
UL.sf-navbar .current UL {
LEFT: 0px; TOP: 2.5em
}
UL.sf-navbar UL LI:hover UL {
LEFT: 0px; TOP: 2.5em
}
UL.sf-navbar UL LI.sfHover UL {
LEFT: 0px; TOP: 2.5em
}
UL.sf-navbar .current UL UL {
TOP: -999em
}
.sf-navbar LI LI.current > A {
FONT-WEIGHT: bold
}
.sf-navbar UL .sf-sub-indicator {
BACKGROUND-POSITION: -10px -100px
}
.sf-navbar UL A > .sf-sub-indicator {
BACKGROUND-POSITION: 0px -100px
}
.sf-navbar UL A:focus > .sf-sub-indicator {
BACKGROUND-POSITION: -10px -100px
}
.sf-navbar UL A:hover > .sf-sub-indicator {
BACKGROUND-POSITION: -10px -100px
}
.sf-navbar UL A:active > .sf-sub-indicator {
BACKGROUND-POSITION: -10px -100px
}
.sf-navbar UL LI:hover > A > .sf-sub-indicator {
BACKGROUND-POSITION: -10px -100px
}
.sf-navbar UL LI.sfHover > A > .sf-sub-indicator {
BACKGROUND-POSITION: -10px -100px
}
.sf-navbar > LI > UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; -moz-border-radius-bottomleft: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 0
}

info :
j'ai essayé le script de IE7 mais ca na rien changer

Merci beaucoup .

2 réponses

Réponse 1 / 2
inizar Messages postés 207 Date d'inscription   Statut Membre Dernière intervention   15
 
Merci quand même , j'ai pu résoudre mon problème , j'ai du créer un autre menu ... sans dom ...



0
Réponse 2 / 2
bormat Messages postés 10 Date d'inscription   Statut Membre Dernière intervention   4
 
si ton menu déroulant ne marche pas c'est par ce que ie6 n'accepte les hover que sur les <a>
voici un menu compatible tous navigateurs
http://bormat2.free.fr/wordpress4/
0