|
|||
3 Horizontale Bereiche
Hallo, ich möchte gerne eine Seite erstellen die in etwa so aussieht wie im Anhang.
Höhe jeweils 33%. Was bei mir bereits funktioniert ist das aufteilen in 2 Bereiche, bräuchte allerdings 3 Horizontale bereiche. Code:
#top_div { position: absolute; top: 0; right: 0; left: 0; bottom: 50%; text-align: center; } #bottom_div { position: absolute; top: 50%; right: 0; left: 0; bottom: 0; text-align: center; } Bin für Hilfe dankbar |
Sponsored Links |
|
|||
Hallo!
Wenn du allen Elternelementen die Höhe 100% gibst, kannst du dir das ganze Positionieren sparen: HTML-Code:
html,body,#wrapper{height:100%;} .drittel{height:33.333%;} HTML-Code:
<div id="wrapper"> <div class="drittel">oben</div> <div class="drittel">mitte</div> <div class="drittel">unten</div> </div>
__________________
Gruß schatzi |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
horizontale Siteverschiebung | REFRESH | (X)HTML | 5 | 13.10.2010 17:24 |
Horizontale Liste mit breiteren Unterpunkten | Korasu | CSS | 3 | 12.05.2009 10:00 |
[CSS] Horizontale Navigation mit DropDown | coly | CSS | 0 | 28.12.2008 14:06 |
Horizontale Scrollleiste ausblenden | kopfaquarium | CSS | 1 | 31.03.2007 00:21 |
Horizontale Navigation mit Rollovergrafiken – mit CSS? | Kirsten | CSS | 6 | 04.06.2006 12:57 |