FritzKrieger
Neues Mitglied
Hallo zusammen,
ich bin gerade dabei ein kleines CSS-Menü mit Haupt-Navigation und zwei Unterebenen zu bauen.
Im Chrome (v32.0) und Safari (v7.0.1) funktioniert das Menü einwandfrei. Firefox 27 scheint jedoch die Kombination von "position:relative" und "position:absolute" nicht zu verstehen, obgleich ich schon andere CSS-Menüs mit identischen Aufbau sah, die einwandfrei funktionierten.
In meinem Beispiel jedoch, ordnet FF den Unterpunkt "Autos" nicht unter "Produkte" an, sondern positioniert den Menüpunkt ganz nach links.
Beispiel siehe: http://url9.de/QTn
Ich finde beim besten Willen keinen Fehler. Vielleicht kennt jmd. eine Lösung für mein Problem:
Danke & Grüße,
Fritz
ich bin gerade dabei ein kleines CSS-Menü mit Haupt-Navigation und zwei Unterebenen zu bauen.
Im Chrome (v32.0) und Safari (v7.0.1) funktioniert das Menü einwandfrei. Firefox 27 scheint jedoch die Kombination von "position:relative" und "position:absolute" nicht zu verstehen, obgleich ich schon andere CSS-Menüs mit identischen Aufbau sah, die einwandfrei funktionierten.
In meinem Beispiel jedoch, ordnet FF den Unterpunkt "Autos" nicht unter "Produkte" an, sondern positioniert den Menüpunkt ganz nach links.
Beispiel siehe: http://url9.de/QTn
Ich finde beim besten Willen keinen Fehler. Vielleicht kennt jmd. eine Lösung für mein Problem:
Code:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Test</title>
<style>
#navi ul {
margin: 0;
padding: 0;}
#navi ul ul, #navi ul ul ul {
display: none;}
#navi ul li {
display: inline;
position: relative;}
#navi ul li:hover > ul {
position: absolute;
display: block;}
#navi ul ul li:hover ul {
left: 100%;
top: 0;}
</style>
</head>
<body>
<div id="wrapper">
<div id="navi">
<ul>
<li><a href="">Startseite</a></li>
<li><a href="">Produkte</a>
<ul>
<li><a href="">Autos</a>
<ul>
<li><a href="">BWM</a></li>
<li><a href="">Mercedes</a></li>
<li><a href="">Jaguar</a></li>
</ul>
</li>
</ul>
<li><a href="">Kontakt</a></li>
<li><a href="">Impressum</a></li>
</ul>
</div>
</div>
</body>
</html>Danke & Grüße,
Fritz
