Tweet
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>
Niemand kann alles wissen. Rein theoretisch hätte ich mich jetzt auch still und heimlich durch Google suchen können oder meine Ideen im Selbstversuch im stillen Kämmerchen für mich allein realisieren können. Nur irgendwie mag ich dieses Forum nach wie vor und denke, dass dieses Thema auch noch andere Leute interessieren könnte.
Kommentar