DIV, Container und vertikale "Raumausnutzung" .-)

[suit]

Es geht darum wie sich div Tags in einem Container aufteilen.

elemente

Beispiel:

<div style="overflow:hidden;width:370px;height:500px;border:solid black 1px;">

[code lang=html] <div style="height:50px;">Iam the header</div>
a bit blabla

<div style="overflow:auto;border:solid blue 1px;">
  scrollable container
  <br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x
</div>

>   
> </div> [/code]  
>   
  
warum nicht so  
  
~~~html
<div>  
  <h2>ich bin die überschrift</h2>  
  <p>ein bisschen blah blah</p>  
  <div>  
    <p>scrollable container</p>  
  </div>  
</div>

Der äussere container ist fix [...] wie krieg ich den unterne inneren Div dazu sich den rest zu krallen und scrollbar zu bleiben?

kannst du deinen code näher beschreiben (css-seitig) da ich mit "fix" zb nix anfangen kann - heisst das "feste größe" oder "position: fixed" oder was? - sprich ist das bisschen inlinecss schon alles?

---

wenn ich das alles richtig verstehe, willst du einen scrollbaren container mit einer überschrift darüber?