roserl: Höhen bei CSS

Beitrag lesen

Hallo

ich habe ein Problem bei CSS-Boxen. Wer kann mir bitte helfen.

Ich möchte eine 3zeiliges Grundlayout mit einer Kopfzeile, einem Mittelteil und einer Fußzeile erstellen. Das ganze soll 780 px breit sein. Die Höhe soll 70% sein, der Mittelteil zum Scrollen. Da ist mein Problem. Sobald ich eine Höhe in % angebe funktioniert das nicht mehr, sehr wohl aber bei fixen Größen, was hier aber nicht brauchen kann.

Der CSS-Code der Site:

body{margin:0px;padding:0px;}

.oben{background:silver;border:1px solid black;margin:0px;
padding:0px;height:100px;width:780px;}

.mitte{padding:3px; border:1px solid black;margin:0;
padding:0px;height:70%;overflow:auto;width:780px;}

.unten{background:silver;border:1px solid black;
margin:0px;padding:0px;height:20px;width:780px;}

Wäre sehr dankbar, wenn mir jemand einen Tipp geben könnte ....

Rosi