roserl: Höhen bei CSS

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

  1. Moin moin,
    schau dir mal das letzte Beispiel auf http://css.fractatulum.net/sample/layout5format.htm an.
    Hier der Link zur Demo: http://css.fractatulum.net/sample/fixed2.htm

    Gruß
    Patrick

    1. Moin moin,
      schau dir mal das letzte Beispiel auf http://css.fractatulum.net/sample/layout5format.htm an.
      Hier der Link zur Demo: http://css.fractatulum.net/sample/fixed2.htm

      Gruß
      Patrick

      Super Danke, es funktioniert ....
      LG Rosi