✔ Navi-Ebene erscheint im FF nicht

[schutzgeist]

Hallo,

ich hab ein Problem mit einer Listen-Navigation.
Im IE 6 + 7 gehts wunderbar, nur FF klappts teilweise nur sporadisch oder eben auch garnicht.

CSS:

div#nav {position: relative; top: -43px; float: left; left: 0px; width: 160px; padding: 0; margin: 0; z-index: 10;}
div#nav ul {margin: 0; padding: 0; width: 160px;; background: #666; border: 0px solid #666;}
div#nav li {position: relative; list-style: none; margin: 0; border-bottom: 1px solid #CCC;}
div#nav li:hover {background: #CCC;}
div#nav li.submenu {background: url(../submenu.gif) 95% 50% no-repeat;}
div#nav li.submenu:hover {background-color: #CCC;}
div#nav li a {display: block; padding: 3px 0px 3px 5px; text-decoration: none; width: 135px; color: #FFFFFF;}
div#nav li a:hover {color: #000;}
div#nav>ul a {width: auto;}
div#nav ul ul {position: absolute; top: 0; left: 161px; display: none;}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}

HTML:

<div id="nav">
<ul class="level1">
<li><a href="index.asp">Start</a></li>
<li><a href="index.asp?ID_Main=2">Unternehmen</a></li>
<li class="submenu"><a href="#">Service und Produkte</a>
<ul class="level2">
<li class="submenu"><a href="#">Fertigung</a></li>
<ul class="level3">
<li><a href="index.asp?ID_Main=3&ID_Sub1=1&ID_Sub2=1">Drehteile</a></li>
<li><a href="index.asp?ID_Main=3&ID_Sub1=1&ID_Sub2=2">Frästeile</a></li>
</ul>
<li><a href="index.asp?ID_Main=3&ID_Sub1=3">Drahterodieren</a></li>
<li><a href="index.asp?ID_Main=3&ID_Sub1=4">Werkzeugbau</a></li>
<li><a href="index.asp?ID_Main=3&ID_Sub1=5">Sondermaschinenbau</a></li>
</ul>
</li>
<li><a href="index.asp?ID_Main=7">Qualitätssicherung</a></li>
<li><a href="index.asp?ID_Main=4">Kontakt</a></li>
<li><a href="index.asp?ID_Main=5">Impressum</a></li>
</ul>
</div>

Die Unternavigation von "Service und Produkte" macht hier im FF Probleme.

Ich hab die Navigation aus Eric Myers' More CSS (könnte aber auch das Vorgängerbuch gewesen sein ) übernommen und eigentlich nur Kleinigkeiten angepasst.

Danke schonmal,
Gruß Steffi

 

[Maik]

Hi,

wie es scheint, hast du dich da beim Verschachteln der Submenüs verzettelt.

Versuch es mal mit diesem Markup:

<div id="nav">
     <ul class="level1">
         <li><a href="index.asp">Start</a></li>
         <li><a href="index.asp?ID_Main=2">Unternehmen</a></li>
         <li class="submenu"><a href="#">Service und Produkte</a>
             <ul class="level2">
                 <li class="submenu"><a href="#">Fertigung</a>
                     <ul class="level3">
                         <li><a href="index.asp?ID_Main=3&ID_Sub1=1&ID_Sub2=1">Drehteile</a></li>
                         <li><a href="index.asp?ID_Main=3&ID_Sub1=1&ID_Sub2=2">Frästeile</a></li>
                     </ul>
                 </li>
                 <li><a href="index.asp?ID_Main=3&ID_Sub1=3">Drahterodieren</a></li>
                 <li><a href="index.asp?ID_Main=3&ID_Sub1=4">Werkzeugbau</a></li>
                 <li><a href="index.asp?ID_Main=3&ID_Sub1=5">Sondermaschinenbau</a></li>
             </ul>
         </li>
         <li><a href="index.asp?ID_Main=7">Qualitätssicherung</a></li>
         <li><a href="index.asp?ID_Main=4">Kontakt</a></li>
         <li><a href="index.asp?ID_Main=5">Impressum</a></li>
     </ul>
</div>

 

[schutzgeist]

Erst mal sorry für den Doppel-Post :suspekt:
Heute Mittag geht mal wieder alles drunter und drüber.
Hatte gedacht, das Thema wäre nicht eingestellt worden.
Hab es in der Übersicht nicht gesehn. Wohl Tomaten auf den Augen

Ich probiers gleich mal aus. Danke!

 

[schutzgeist]

Funktioniert

Aber was ist an deiner Version nun anders?
Wird mir so momentan nicht ersichtlich.

 

[Maik]

<div id="nav">
     <ul class="level1">
         <li><a href="index.asp">Start</a></li>
         <li><a href="index.asp?ID_Main=2">Unternehmen</a></li>
         <li class="submenu"><a href="#">Service und Produkte</a>
             <ul class="level2">
                 <li class="submenu"><a href="#">Fertigung</a></li> <!-- falsch --> 
                     <ul class="level3">
                         <li><a href="index.asp?ID_Main=3&ID_Sub1=1&ID_Sub2=1">Drehteile</a></li>
                         <li><a href="index.asp?ID_Main=3&ID_Sub1=1&ID_Sub2=2">Frästeile</a></li>
                     </ul>
                 </li> <!-- gehört hierher -->
                 <li><a href="index.asp?ID_Main=3&ID_Sub1=3">Drahterodieren</a></li>
                 <li><a href="index.asp?ID_Main=3&ID_Sub1=4">Werkzeugbau</a></li>
                 <li><a href="index.asp?ID_Main=3&ID_Sub1=5">Sondermaschinenbau</a></li>
             </ul>
         </li>
         <li><a href="index.asp?ID_Main=7">Qualitätssicherung</a></li>
         <li><a href="index.asp?ID_Main=4">Kontakt</a></li>
         <li><a href="index.asp?ID_Main=5">Impressum</a></li>
     </ul>
</div>

 

[schutzgeist]

Ah... die Sache mit dem Wald und den Bäumen

Danke schön