|
|||
layout mit 3 Spalten und 100 Prozent Höhe
Hallo ich möchte ein Layout machen mit einem Kopf oben und drei Spalten (Navigation, Content und Sonstiges). Diese 4 Divs sollen von einem Umrahmt werden und dieser soll dann horizontal zentriert werden.
Soweit ist ja auch alles ok, nur soll auch alles mit einer höhe von 100% sein, geht auch wenn nicht genügend Inhalt ist, aber falls man scrollen muss wird der Hintergrund nicht fortgesetzt und der Text ist dann im leeren. Gibts da eine gute Lösung?. Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> <!-- /* CSS Document */ html{ height:100%; } body { margin:0px; height:100%; } #middle { position: relative; text-align: left; margin: 0px auto; background:url(bg.png); background-repeat:repeat-y; width: 900px; min-height:100%; height:auto !important; height:100%; } #logo { width:900px; height:128px; left:0px; top:0px; overflow:hidden; background:#666666; clear:both; } #left { width:200px; left: 0px; float:left; } #content{ padding: 0; width:500px; margin:0; float:left; } #right{ float:left; } --> </style> </head> <body> <div id="middle"> <div id="logo">Kopf</div> <div id="left">Navigation</div> <div id="content">inhalt <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> </div> <div id="right">rechts</div> </div> </body> </html> |
Sponsored Links |
|
||||
Wirf mal einen Blick in die FAQ: http://xhtmlforum.de/40267-faq-h-ufi...ragen-und.html
Punkt 2, 3 und 4 sollten für dich momentan am interessantesten sein.
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
Sponsored Links |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Mal wieder 100% Höhe im Layout... | Der | CSS | 1 | 08.07.2010 17:08 |
Layout: 2 Spalten gleich langer Höhe | Boof | CSS | 1 | 05.03.2010 10:50 |
3 Spalten Layout Höhe 100% | hunter | CSS | 4 | 28.02.2008 15:25 |
3 Spalten Layout - Div Höhe aneinander angleichen | Simsi | CSS | 3 | 01.01.2006 18:04 |
3 spalten layout - immer auf gleiche höhe "auffüllen&qu | dimension | CSS | 2 | 22.09.2004 12:02 |