CSS Navigation mit Listen / Subnavi

[Marc]

Hallo zusammen,

Hallo Peter,

??? :-)

ok ich erstellte den Code..besser???

Ja, obwohl ich selber Tomaten auf den Augen hatte...

Hier fügte ich das overflow folgendermassen ein:
<ul id ="menu" style="overflow:scroll;">

Das heißt ja, dass Inhalte, die größer, als die Liste sind, nur angezeigt werden, wenn man scrollt (und dass einem der Scrollbalken zur Verfügung gestellt wird).

Auswirkung davon ist, dass keine Subnavi durch die Listen Itemes mehr sichtbar wird!
Die Subnavi zum Verständnis sind die <li>:
<li><a href="">Software</a></li>

Eine andere Navi gibt es aber im Beispiel nicht?!? - is auch egal für das Problem...

ul#menu li { width: 160px;}
ul#menu li ul { position:absolute; left: 170px;display:none;}
ul#menu li:hover ul { display: block; }

OK, du blendest die Liste mittels display:none aus und beim überfahren mit der Maus wird sie angezeigt. Allerdings in einem 160pixeln breiten li 170 pixel weit vom linken Rand entfernt. :-)

Hat nun jemand vieleicht eine Idee?

ul#menu li:hover ul { display: block; position:absolute; left:10px;}

Is aber nur eine Idee, habe es nicht ausprobiert und arbeite normal nicht mit position:absolute

Viele Grüße,
Marc.