Hi,
Der Code:
besser wäre ein Link auf Deine Seite.
Der Code zeigt jedoch einige Fehler auf sowie, dass Du wohl eher mit try&error an die Sache gehst, als mit ausreichender Sachkenntnis.
<script type="text/javascript">
if(window.navigator.systemLanguage && !window.navigator.language) {
dieses Script für IEs < 7 muss natürlich auch erweitert werden, wenn Du diese Browser nicht ausschließen willst.
body, p a {
Du weißt, warum hier a mit eingeschmuggelt wurde? ;-)
ul#Navigation ul li ul { position: absolute; z-index: 200;
display: block;
border-color: #ccc #888 #555 #bbb; width: 100%; }
Ist der z.index wirklich nötig? display:block ist aufgrund der absoluten Positionierung überflüssig. width:100% solltest Du überdenken.
ul#Navigation ul li ul li { position: relativ; top: 0; left: 100%; text-align:left;
"relativ" ist falsch, aber ohnehin unnötig, da relative ohnehon schon für alle ul#Navigation li angegeben ist. Die Verschiebung eines relativ positionierten Elements möchtest Du sicherlich auch nicht haben.
ul#Navigation ul ul ul li:hover ul
{
display: block; /* Unternavigation in modernen Browsern einblenden */
}ul#Navigation ul ul ul li:hover ul
{
display: none; /* Unternavigation in modernen Browsern einblenden */
}
ja was denn jetzt?
ul#Navigation a, ul#Navigation span {
display: block;
width: 8.0em; /* Breite den in li enthaltenen Elementen zuweisen */
padding: 0.06em 1em;
text-decoration: none; font-weight: bold;
border: 1px solid black;
border-left-color: white; border-top-color: white;
color: #FFFFFF; background-color: #5E68AF;
}
* html ul#Navigation a, * html ul#Navigation span {
width: 8.6em; /* Breite nach altem MS-Boxmodell für IE 5.x */
w\idth: 6.4em; /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
}
Und was soll das? width:8em für nicht-IEs und 6.4em für den IE6 im standardkompatiblen Modus?
Ich würde Dir empfehlen, auf die zusätzliche Navigationsebene auch aus Usabilitygründen (ein solches Menü ist überladen und die Nutzung überfordert manche nicht versierte oder feinmotorisch benachteiligte Nutzer) ganz zu verzichten und die zusätzlichen Links in die Seiteninhalte zu integrieren.
freundliche Grüße
Ingo