How do I use CSS to position a fixed variable height header and a scrollable content box?

Question

I\'m trying to make a web page with a fixed header and a scrollable content area. This is trivial when the header has a known height but I\'m struggling to find a solution f

Answer 1

Here is a full code example of Shauna's solution above for the lazy/confused/people who can't get this working.

 



Frozen Page Header

Add more header text
Add more body text