nicht angemeldet
Hallo liebe Leute,
ich bastle jetzt schon seit 2 Stunden an einem minimalen Menü
herum, welches ich mit Hilfe einer Liste und CSS codiere.
Ich komme einfach nicht weiter ...
http://special-training.de/mambo/index.php?option=content&task=view&id=5&Itemid=29
Die Struktur sehr einfach.
Sie wird im Mozilla einwandfrei dargestellt.
Hier der Code:
<ul id="navlist">
<li class="active"><a href="#" class="images" id="current">Startseite</a></li>
<ul id="subnavlist">
<li><a href="#" class="images">Unterseite</a></li>
<li><a href="#" class="images">Unterseite2</a></li>
</ul>
<li><a href="#" class="images">Unternehmen</a></li>
</ul>
Der IE stellt den "active" Listenpunkt übergroß dar,
sodass (wenn im Style definiert), ein grüner Rahmen, auch um die 2 Herarchie-Ebene der Liste dargestellt wird, obwohl ich als Anzeige display: block , definiert habe, was normalerweise einen Umbruch erzeugen sollte. Ich kann mir die Darstellung nicht erklären.
Es ist eine Listenverschachtelung, die genauso auch in einem Tutorial zu sehen ist (http://css.maxdesign.com.au/listamatic2/vertical05.htm),
welches curioserweise auch im IE einwandfrei dargestellt wird.
Hier die Styles:
/* CSS NAVIGATION */
#navlist {
text-align: left;
font-family: tahoma, Arial, Verdana, Sans-Serif;
font-size: 12px; line-height: 20px; color: #000;
}
#subnavlist {
text-align: left;
font-family: tahoma, Arial, Verdana, Sans-Serif;
font-size: 11px; line-height: 17px; color: #000;
}
ul#navlist {
padding: 0px;
margin: 0px;
}
ul#subnavlist {
padding: 0px;
margin: 0px;
}
.active {
border: 1px solid green;
display: block;
padding: 0px 0px 0px 0px; margin: 0px;
}
#navlist li {
display: block;
background: url(../gfx/n-inactive-bg.gif);
padding: 5px 3px 5px 30px; margin: 0px;
}
#subnavlist li {
display: block;
background: url(../gfx/nsub-inactive-bg.gif);
padding: 2px 3px 3px 30px; margin: 0px;
width: 100%;
}
.subactive {
border: 1px solid black;
display: block;
background: url(../gfx/nsub-active-bg.gif);
padding: 2px 3px 3px 0px; margin: 0px;
}
Vielleicht kennt jemand die Problematik und kann mir weiterhelfen.
ich wäre mehr als dankbar ... mir raucht der Schädel.
Freundliche Grüße,
Sebastian