Javascript Menu verschiebt Content

[ChrisB]

Hi,

ich möchte mir, auch um JS zu erlernen, ein Ausklappmenü erstellen. Soweit funktioniert dies auch ganz gut. Leider kommt es dazu, dass das Menü den Content nach unten verschiebt, statt es zu überlappen.
Kann mir jemand sagen, wie ich es schaffe, dass der Content nicht verschoben wird?

Indem du den aufklappenden Teil des Menüs absolut positionierst, um ihn aus dem Fluss zu nehmen.

Das hat übrigens weniger mit JavaScript zu tun, und viel mehr mit CSS.

*Dass* du JavaScript dafür einsetzt (sofern es nicht nur zum Lernen ist und danach wieder in der Schublade verschwindet), ist allerdings schlecht – denn da du das komplette Menü erst mit JavaScript ins Dokument hineinbastelst, ist es für Browser (oder allgemeiner, Clients – also bspw. auch Suchmaschinen-Bots) ohne JS gar nicht verfügbar.

Das Menü gehört also von Anfang an ins HTML, und erst dann notfalls mit JavaScript in Sachen optischer Effekte aufgepeppt. (Was hier aber gar nicht nötig ist, denn es geht auch ohne – siehe Dynamische CSS-Navigation für moderne Browser.)

MfG ChrisB