✔ Navi mit zwei Ebenen

[tantebootsy]

Hi,

ich möchte eine Navigation mit zwei Ebenen machen. Im Firefox sieht bei mir alles glatt aus.

Wie ihr aber sehen könnt, stellt der IE beim Anfang der zweiten Liste noch einen Teil der ersten dar.
Habe nun schon ewig mit margin und padding rumprobiert, ebenso das
display:block rausgemacht, es kam aber nichts bei raus ...
Weiß jemand von euch, wie dieses Verhalten zustande kommt + was man dagegen machen kann?

Gruß,
Micah

 

[Maik]

Es liegt nicht am CSS-Code, sondern an dem "leeren" Listenpunkt (ohne Link), in dem die zweite Menüebene notiert ist, und der IE hier anscheinend einen Platzhalter für das li-Element setzt:

<div id="nebennavi">
     <ul>
         <li class="aktuell"><a href="#" class="aktuell">Navipunkt ist des Navi ein Punkt und mehr</a></li>
         <li>
             <ul>
                 <li class="aktuell"><a href="#" class="aktuell2">Navipunkt ist des Navi ein Punkt und mehr Navi Navi Navi</a></li>
                 <li><a href="#">Navipunkt</a></li>
                 <li><a href="#">Navipunkt</a></li>
             </ul>
         </li>
         <li><a href="#">Navipunkt</a></li>
         <li><a href="#">Navipunkt</a></li>
     </ul>
</div>

Daher solltest du das Submenü folgendermassen einbinden:

<div id="nebennavi">
     <ul>
         <li class="aktuell"><a href="#" class="aktuell">Navipunkt ist des Navi ein Punkt und mehr</a>
             <ul>
                 <li class="aktuell"><a href="#" class="aktuell2">Navipunkt ist des Navi ein Punkt und mehr Navi Navi Navi</a></li>
                 <li><a href="#">Navipunkt</a></li>
                 <li><a href="#">Navipunkt</a></li>
             </ul>
         </li>
         <li><a href="#">Navipunkt</a></li>
         <li><a href="#">Navipunkt</a></li>
     </ul>
</div>

 

[tantebootsy]

Ja, so funktioniert es nun, danke für die Hilfe!

Micha