CSS left-sidebar Menü mit fixed-header Zeile

demo1987

Mitglied
Hi,

ich hoffe ich schaffe es das gut zu erklären was ich vor habe.

Ich baue ein Grundgerüst auf Basis von Bootstrap. Oben ist eine Header Zeile (ungefähr 50px hoch) die die ganze Breite einnimmt. In der Zeile ist ganz links ein Menü-Icon. Wenn ich auf dieses Menü-Icon klicke dann soll das DIV mit meiner ID "sidebar-left" eingeblendet werden, aber nur unterhalb des Headers. Der Header soll sich nicht mit nach rechts verschieben.

Wie mache ich das? Ich habe leider kein Beispiel gefunden im Netz.

Vielen Dank!
 
Wenn sich besagtes DIV im HTML-Code nicht innerhalb des Header-Bereichs befindet, wird es als Block-Element automatisch in der Zeile darunter angeordnet.

Andernfalls müsste es mit absoluten Positionsangaben aus dem normalen Textfluß genommen werden.
 
Zuletzt bearbeitet:

Neue Beiträge

Zurück