Guten Abend,
ich sitze hier gerade bei 'nem Bierchen und denke über etwas nach, was ich schon auf verdammt vielen Seiten gesehen habe. Ein zentrierter Wrapper, der nur einen Teil des eigentlichen Screens ausfüllt mit einem horizontalen Menü Div, welches links und rechts aus dem Wrapper heraus ragt. Also quasi out of the Box.
Die Frage wäre hier, was die richtige Herangehensweise wäre? Intuitiv würde ich hier mit z-index arbeiten. Zunächst ein Hintergrund Div mit dem z-index: 0 und über die komplette Breite des Screens und darüber dann der zentrierte, schmalere Wrapper, der dann alle Inhalte enthält.
Code Beispiel:
Oder gibt es hier Alternativen, die in irgend einer Art und Weise besser sind?
ich sitze hier gerade bei 'nem Bierchen und denke über etwas nach, was ich schon auf verdammt vielen Seiten gesehen habe. Ein zentrierter Wrapper, der nur einen Teil des eigentlichen Screens ausfüllt mit einem horizontalen Menü Div, welches links und rechts aus dem Wrapper heraus ragt. Also quasi out of the Box.
Die Frage wäre hier, was die richtige Herangehensweise wäre? Intuitiv würde ich hier mit z-index arbeiten. Zunächst ein Hintergrund Div mit dem z-index: 0 und über die komplette Breite des Screens und darüber dann der zentrierte, schmalere Wrapper, der dann alle Inhalte enthält.
Code Beispiel:
Code:
<div id="menuBackground" style="z-index:0;margin-top:200px;with:100%;"> </div> <div id="wrapper" style="margin-left:auto;margin-right:auto;with:960px;z-index:1;"> <div id="header"></div> <div id="menu>Dieses Münu dann auf der Höhe von menuBackground</div> <div id="content"></div> <div id="footer"></div> </div>
Kommentar