Menu gauche scroll devant menu déroulant horizontale!
Bonjour,
J'avais déjà posté un message concernant le menu déroulant qui se déroulait derrière mes images (ce problème est réglé).
J'ai un autre souci avec ce menu déroulant horizontal, mais que sur IE (je travaille sur ie6).
J'ai mis la feuille de style z-index à 65000 (pour le menu horizontal), mais mon menu gauche flottant se retrouve toujours devant mon menu déroulant horizontal.
J'ai tout essayé, je suis à cours de solution. :(
Quelqu'un peut-il m'aider?
Dans ma jsp pour mon menu gauche flottant:
Code:
1
2
3
4
5
6
7
| <script type="text/javascript">
var posMovInitial;
SuitScrollBar;
window.onscroll=SuitScrollBar;
window.onload=PosInitial;
</script> |
dans le css pour le menu gauche flottant :
Code:
#move {position:absolute; z-index:2;}
dans le css pour le menu déroulant horizontal :
Code:
1
2
3
4
5
6
7
8
9
10
11
| #navigation { background:url(XXX) no-repeat left top; height:400px;margin:0 0 15px 0;padding:0;}
#nav, #nav ul { padding: 1px 0 0 10px; margin: 0; list-style: none; font-size:12px;}
#nav a {display: block; color:#3C6879; text-decoration:none; padding:0 10px 1px 10px;}
#nav li {float: left; border-right:1px solid #D2DADF;}
#nav li ul li{border:none;}
#nav li ul {position: absolute; z-index:65000; background:white url(XXX) repeat-x left bottom;border:1px solid #DEE3E5; border-bottom:2px solid #DEE3E5; left: -999em; margin-top:2px;margin-bottom:20px; width:145px;}
#nav li:hover ul {left: auto;}
#nav li:hover ul, #nav li.sfhover ul {left: auto; padding:0 0 6px 0; margin:0;}
#nav li ul a{color:#3C6879; background:url(XXX) no-repeat 7px 9px; display:block; width:128px; padding:3px 0 2px 17px;}
#nav li ul a:hover{color:#2BA1CE;} /*couleur barre - par defaut bleu*/
#nav a.navActive{font-weight:normal; background:url(XXX) no-repeat 8px;} |
