Hallo
habe ein HMENU mit 2 Ebenen. Die 2. Ebene wird im Firefox hinter der ersten angezeigt und ist somit teilweise nicht sichtbar. Im IE wird sie (wie gewollt) beim Aufrufen des darüberliegenden Menuepunktes unter der entsrechenden Ebene eingeschoben.
Da ich aber davon ausgehe dass der Bug eher im IE ist, denke ich das der Fehler in meinem Template oder im CSS ist. Blicke aber nicht wo. Kann mir jemand auf die Sprünge helfen?! Wäre überaus dankbar!!!
TS:
marks.NAVIGATION_LEFT = HMENU
marks.NAVIGATION_LEFT {
stdWrap.required = 1
stdWrap.prepend = TEXT
stdWrap.prepend {
wrap = <span class="cur">|</span>
data = leveltitle:1
}
entryLevel = 1
1 = TMENU
1{
wrap = <ul id="navleft">|</ul>
noBlur = 1
NO = 1
NO.wrapItemAndSub = <li class="level1">|</li>
ACTIFSUB = 1
ACTIFSUB.linkWrap= <li class="level1">|</li>
CUR = 1
CUR.wrapItemAndSub= <li class="level1cur">|</li>
}
2 < .1
2.NO.wrapItemAndSub = <li class="level2">|</li>
CSS dazu:
#navleft, #navleft ul {
list-style: none;
margin: 0;
padding: 0;
width: 150px;
float:left;
}
#navleft a { color: #e7ebff; font-weight: bold; text-decoration: none; text-indent: 9px; display: block; padding-top: 6px; padding-bottom: 3px; vertical-align: middle }
#navleft a:hover { background-color: #6e95ff; background-image: url(../grafik/menu_arrow_up.gif); background-repeat: no-repeat; background-position: left center;}
#navleft a.menuparent {margin: 0; padding: 0 }
#navleft li { font-size: 10px; font-weight: bolder; margin: 0; padding: 0; height: 24px; width: 150px; float:left; border-bottom: 1px solid #ccf }
#navleft .cur { font-size: 10px; font-weight: bolder; margin: 0; padding: 0; width: 150px; float: left; border-bottom: 2px solid #214285 }
#navleft .level1 { font-size: 11px; background-color: #2c57d2; text-align: left; text-indent: 6px; margin: 0; padding: 0; width: 150px; display:block;}
#navleft .level1cur { background-color: #6e95ff; font-size: 11px; background-image: url(../grafik/menu_arrow_up.gif); background-repeat: no-repeat; background-position: left center; text-align: left; text-indent: 6px; margin: 0; padding: 0; width: 150px; display:block;}
/*menu2ebene*/
#navleft .level2 { background-color:#2c57d2; font-size: 10px; text-align: left; text-indent: 6px; margin: 0; padding: 0 0 0 6px; width: 144px; float: left }
#navleft li ul { font-weight: bold; list-style: none; margin: 0; padding: 0; width: 150px; float: left }
#navleft li li {font-size: 10px; font-weight: bolder; margin: 0; padding: 0; height: 24px; width: 150px; float: left; border-bottom: 1px solid #ccf}
#navleft li ul a { width: 149px }
/*#nav li ul ul { margin: -1.75em 0 0 14em } menu3ebene*/
#navleft li ul ul { margin: -1.5em 0 0 149px }
#navleft li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em }
#navleft li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto }
#navleft li:hover, #nav li.sfhover { /*background-image: url(../grafik/menb_up.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0 */}