|
|||
Div's und height 100%
Hallo,
ich habe Versucht das Beispiel aus der FAQ umzusetzen, jedoch funktioniert es aus irgendeinem Grund bei mir nicht, es wird zwar alles nebeneinander und auch untereinander angezeigt jedoch nur bis die Box ausgefüllt ist und nicht bis zum ende des Browser-Fensters Code:
<body> <div id="site"> <div id="menue"></div> <div id="content">Blindtext</div> <div id="right">Rechts</div> <div id="footer">Footer</div> </div> </body> Code:
@charset "utf-8"; /* CSS Document */ html { height: 100%; } body { background-color: #FFFFFF; color: #000000; min-height:100%; margin: 0; padding: 0; border: 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; } * html body { height:100%; } /* Menue */ #menue { width: 100%; height: 80px; background-color: #464646; } /* Site */ #site { float: left; width: 100%; background-color: #CC0000; } #content { float: left; width: 500px; margin-left: 70px; background-color: #0000FF; } #right { float: left; width: 50px; background-color: #33FF00; } #footer { clear: both; } |
Sponsored Links |
|
||||
Das Ergebnis entspricht leider genau den von dir geposteten Sourcen.
Benutze einmal die Hintergrundgrafik aus dem Beispiel, dann wirst du sehen, dass sich dein body längst über 100% des Browserfensters ausstreckt. Die Elemente "content" und "rechts" dehnen sich natürlich nur so weit nach unten aus, wie es für den jeweiligen Inhalt ("Blindtext" und "Rechts") notwendig ist. Der Footer schliesst brav unten an. Schau doch mal hier. Dann erfähsrt du, wie du den Footer an das untere Ende der Seite bekommst. Geändert von quarki69 (05.07.2008 um 11:21 Uhr) |
Sponsored Links |
|
|||
Ok, auch wenn ich es so mache:
Code:
@charset "utf-8"; /* CSS Document */ html { height: 100%; background:#0f0 url(./style/images/bg.png) repeat-y; } body { color: #000000; min-height:100%; margin: 0; padding: 0; border: 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-image: url(./style/images/bg.png); background-repeat:repeat-y; background-position:right; } * html body { height:100%; } /* Menue */ #menue { width: 100%; height: 80px; background-color: #464646; } /* Site */ #site { float: left; width: 100%; background-color: #CC0000; } #content { float: left; width: 500px; margin-left: 70px; background-color: #0000FF; } #right { float: right; width: 50px; background-color: #33FF00; } #footer { clear: both; } Beispiel Online: http://victorvici.vi.funpic.de/Beispiel/home.php http://victorvici.vi.funpic.de/Beispiel/style/style.css Geändert von BNightSpeeder (05.07.2008 um 21:21 Uhr) |
Stichwörter |
css, div, height |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Div Positionen in Firefox falsch | ozero | CSS | 4 | 17.07.2009 23:35 |
Probleme mit Hintergrundbild von Divs | wurzelchensen | CSS | 0 | 13.06.2008 19:07 |
prblemme mit mein inhalt div | carlos587261 | CSS | 3 | 23.04.2008 15:07 |
Mozilla zeigt DIV zu oft an | cracki | CSS | 6 | 09.03.2008 16:22 |
So langsam bekomme ich die Krise mit den DIVs | Thuroc | CSS | 12 | 12.11.2007 15:25 |