nicht angemeldet
Hallo zusammen,
ich habe ein Riesenproblem mit dem Navigationsmenü eines neuen Projektes, finde einfach keine Lösung:
http://www.bkeil.com/bbk/index.php
Da es sich um eine Navigation mit Sub-Navigation handelt,
habe ich eine verschachtelte Liste verwendet, damit es auch
im Textbrowser noch schön aussieht:
--------------------
<ul class="nav">
<li><a href="#">haupt1</a></li>
<li class="active"><a href="#">haupt2</a>
<ul class="subnav">
<li class="active"><a href="#">unter2</a></li>
<li><a href="#">unter1</a></li>
</ul>
</li>
<li><a href="#">haupt3</a></li>
</ul>
--------------------
Das ganze ist eine abgewandelte Version von http://www.alistapart.com/articles/slidingdoors/, das Tutorial
ist ja sehr nett, aber leider gibt's da keine Subnavigation.
Mein Problem ist die Darstellung in den 5.x IEs Mac.
Der zerhaut das alles total. Alle anderen "Browser"
machen mir keine Probleme.
Ich würde mich über jeden Tip freuen!!!
Hier einmal eine der Übersicht halber eine etwas gekürzte
Version des CSS, nur die wichtigsten Eigenschaften
(Farben und so rausgeworfen):
--------------------
ul.nav{
padding: 3px 0 0 15px;
}
ul.subnav{
position: absolute;
top: 102px;
left: 0;
}
ul.nav li{
list-style-type: none;
float: left;
background:url("bilder/layout/nav_right.gif") no-repeat right top;
}
ul.nav li.active{
background:url("bilder/layout/nav_right_on.gif") no-repeat right top;
}
ul.nav a{
display: block;
padding: 7px 15px 4px 15px;
background:url("bilder/layout/nav_left.gif") no-repeat left top;
}
ul.nav li.active a{
padding-bottom:5px;
background:url("bilder/layout/nav_left_on.gif") no-repeat left top;
}
ul.nav ul.subnav li{
background-image: none;
}
ul.nav ul.subnav a{
padding: 5px 15px 5px 15px;
background-image: none;
}
ul.nav ul.subnav li.active a,
ul.nav ul.subnav li.active a:hover{
background-image: none;
}
--------------------
Das komplette Css liegt unter: http://www.bkeil.com/bbk/screen.css
Habe Xhtml und CSS durch den Validator gejagt, alles fehlerfrei!
Schöne Grüße aus Freiburg,
Ben