Höhe von Divs...

Netvizion

Hallo allerseits,

ich stehe vor einem nervtötenden Problem...

Ich möchte eine Seite aus 5 untereinanderfolgenden <divs> bauen, jedoch klappt es mit der Höhe in "%" nicht... Suche schon seit 3 Stunden google durch, auch faux columns hat mir irgendwie nich weitergeholfen... min-height ist auch keine lösung.. weiß einfach nicht weiter.
Außerdem soll .inhalt (div) einen Bereich zum scrollen haben.

Hier mein HTML:

Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/transitional.dtd">

</head>

</div>

</body>
</html>

-----------------------------------------------
CSS: homepage.css

.all {width:100%; height:100%}

.navoben {height:10%; width:100%;}

.logol {height:14%; width:50%; float:left}

.logor {height:14%; width:50%; float:right}

.inhalt {height:66%; width:100%;}

.navunten {height:10%; width:100%;}

---------------------------------------------------

Das was stört ist, dass die divs zwar 100% Breite haben, aber nur so hoch wie der "content test" sind...

Hier mal meine Vorstellung der Seite:

[Blockierte Grafik: http://www.gradeko-werbung.de/divs.gif]

Hoffe hier wird mir geholfen

Mfg
Netvizion

sejuma

Die Prozentwerte brauchen noch einen Bezugspunkt. Das ist html und body (erste Zeile)

Den rechten Teil habe ich etwas anders formatiert, beim Inhalt noch "overflow: auto;"

Code

html, body {margin: 0; padding: 0; height: 100%; width: 100%;}
.all {width:100%; height:100%}


.navoben {height:10%; width:100%;background: green;}


.logol {height:14%; width:50%; background: red; float:left;}


.logor {height:14%; margin-left: 50%; background: blue;}


.inhalt {background: yellow; height:66%; width:100%; overflow: auto;}


.navunten {background: magenta;height:10%; width:100%;}

Alles anzeigen

Netvizion

Vielen, vielen Dank für die schnelle Antwort!!!

Habs dazu auch noch geschnallt

Aus meinem CSS/XHTML Buch ging das nicht hervor..

MFG
Netvizion

Tags