Gast: DIV mit prozentualer Höhe funzt nicht

Beitrag lesen

Hallo,

auf meiner Seite habe ich einen div-header mit unbestimmter Höhe (wird vom Inhalt bestimmt) und darunter möchte ich den Rest der Seitenhöhe nutzen für einen <http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow@title=Elementbereich mit übergroßem Inhalt>.

<div id='fenster' hat einen horizontalen Scrollbalken, weil ich die Breite mit 600px angebe, aber einen vertikalen Scrollbalken gibt es nicht. Stattdessen dehnt der "übergroße Inhalt" den äußeren div auf über 100% Höhe aus.

  
<div style='width:100%; height:100%; border:1px solid #f00'>  
  <div>blah<br>bla<br>bla<br>bla</div>  
  <div id='fenster' style="width:600px; overflow:auto; border:1px solid #00f">  
    <div id='uebergross'>blah<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>  
    bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>  
    bla<br>bla<br>bla<br>bla</div>  
  </div>  
</div>  

Wie kann ich vermeiden, dass die ganze Seite einen Scrollbalken bekommt? ich möchte den Header stehen lassen, nur das 'fenster' soll gesrollt werden.

Gruß, Gast