border layout with fixed regions with Compass & Sass?

Question

I am looking for the best way to achieve a traditional border layout with fixed regions (for example, a page with a fixed header and footer) and it looks like javascript layout engines are not the best way to go. It's been a while since I've done css-based layout and I'm hoping CSS3/Sass/Compass make it a bit easier to achieve what was in the past somewhat difficult.

So I'm trying to create a fixed-header and footer border layout in Compass, is this easy or is there a better way (framework, language) to do it? I am only targeting modern browsers.

Answer 1

Try this: http://jsfiddle.net/uwcEw/

Not perfect but close I think.