Hallo,
brauche dringend eure Hilfe. Bin dabei die Homepage für unseren Abijahrgang zu erstellen und kurz vor der Veröffentlichung. Allerdings ist einem Freund gestern aufgefallen, dass die Subnavigation im IE6 nicht ausklappt!
#menu
{
background: none;
height:45px;
margin-bottom: 15px;
width:1000px;
text-align: center;
}
#navi ul { /* all lists */
padding: 0;
margin: 0;
line-height: 1;
}
#navi a {
display: block;
color: #000;
font-size:13px;
padding:3px;
margin: 0px 5px 0px 5px;
}
#navi li { /* all list items /
float: left;
list-style: none;
width: 160px; / width needed or else Opera goes nuts */
margin: 0px 5px 0px 5px;
}
#navi li ul { /* second-level lists */
position: absolute;
background: #bc700e;
border: 1px solid #000000;
padding: 3px;
width: 130px;
left: -999px; /*using left instead of display to hide menus because display: none isn’t read by screen readers */
}
#navi li ul a {
font-size:11px;
width: 130px;
text-align:center;
}
#navi li ul a:hover {
color: #960c0c;
}
#navi li:hover ul, #navi li.sfhover ul { /* lists nested under hovered list items */
left: auto;
margin-left: 10px;
}
(Auszug CSS-Datei von (für weitere Informationen: h t t p:// t e s t . f g v 0 9 . d e - dort befindet sich momentan die Probeversion (ohne Leerzeichen))
weiß einer was der IE 6 nicht richtig interpretiert bzw was ich ändern muss, damit das Untermenü auch dort angezeigt wird?
Bin über jeden Hinweis dankbar.
Viele Grüße
Daniel