Gernot Back: Horizontales Menü: Unterpunkte zentriert

Beitrag lesen

Hallo Georg,

Nicht absolut positionieren :)

... und dann mit einem ausreichenden negativen Margin nach unten bei der per Hover-Effekt herausklappenden Unternavigation dafür sorgen, dass sie nichts nach unten verschiebt.

Das geht möglicherweise nur, indem du den Platzbedarf jeder Unternavigation in jedem einzelnen LI erster Ordnung per JavaScript onLoad ausliest und ihn dem jeweils enthaltenen UL-Element als negativen Margin-Bottom zuweist, das dafür aber erst einmal nicht ausgeblendet sein kann, weil sich sonst sein Platzbedarf nicht auslesen lässt; - schwierig und buggy, das!

Oder du positionierst eben doch absolut, aber dann eben die ganze Navigation schon ab dem UL-Element erster Ordnung. Da reservierst du einfach oben per Padding-Top z.B. im BODY-Element genügend Platz für die Navigation im eingeklappten Zustand.

Da spricht in deinem Fall ja auch nichts gegen, da du die Breite der Navigation ja ohnehin auf 748px und ihre Höhe auf 20px  festsetzt und sie sich nicht wie das so oft gewünscht ist über die jeweilige Breite des Fensters erstrecken soll.

Gruß Gernot