Probleme mit DIV-Höhe

Jurij

Lt. Commander
Registriert
Juni 2008
Beiträge
1.247
Hallo,

habe folgendes Problem.



Meine Webseite ist wie auf dem Screen zu sehen aufgebaut.
Um die ganze Seite rum ist eine Div-Box, in dem Fall die blaue.
Oben befindet sich eine Box, die eine feste höhe hat, genau so wie die untere, hat auch eine feste höhe (jeweils die beiden roten boxen).
In der mitte ist die grüne Div-Box, dessen höhe flexibel sein soll. Das funktioniert auch. Wenn wenig Text drinnen ist, dann ist die Box klein, wenn viel Text drinnen ist, wächst die Box mit.
Schön und gut. Allerdings will ich es jetzt so, das wenn wenig Text drinnen ist, die untere Rote Box immer am unteren Bildschirmrand ist. Also die grüne Box sozusagen gestreckt wird. Sobald mehr Text drinnen ist, als auf die Seite passt, verschwindet die rote box ja eh und man muss Scrollen. Das passt auch.

Wie krieg ich das nun hin, das die grüne Box immer auf die Seitenhöhe gestreckt wird wenn wenig Text drinnen steht?

Hab schon probiert, dem Body, der blauen Box und der grünen Box die Höhe 100% zu geben. Allerdings ist diese dann immer 100% hoch, und nicht wird nicht kleiner, bzw größer.

Sonst jemand vielleicht eine Idee?

Lg
Jurij
 
Ich glaub dafür musst du JavaScript nehmen, rein per CSS geht das wohl nicht. min-height gaebe es noch, aber das unterstützen auch nicht alle (alten) browser.
 
Mach es mit min-height, alles über Internet Explorer 6 sollte das können. :)

MfG
XXO1989
 
Welche Angabe muss ich dann da reinschreiben? 100 % ?
 
Zurück
Oben