First CSS website help...

[L33]

Hi guys,
I'm just playing around really with a rough idea for a template while learning CSS and moving over from using tables etc...

I have uploaded where I have got so far to http://www.lheap.co.uk/test/index.html but I have a couple of questions/problems and would be really grateful if anyone could point me in the right direction!

Firstly, how do I make the 3 'middle' columns fill the full vertical height between the header and the (broken) footer? I've tried "height: 100%;" and auto etc etc.

Secondly, I've obviously not laid out my divs correctly, as the small black div containing 'Website copyright info etc' is supposed to be a footer, spanning the same horizontal range as the header. What am I doing wrong here? (NB: It does appear correctly in IE7 but not FF2?)

stylesheet is here: http://www.lheap.co.uk/test/style.css

Many thanks to anyone who can spare a few mins to help me out!


EDIT: take no notice of horrendous colours etc, they're just so its easy for me to see what is going where!

 

[Mr_L]

To make the footer work, add clear: both; to the footer selector in your CSS.

 

[L33]

Thanks so much
Anyone know how I can force those columns to fill the space?

 

[Mr_L]

I use to have a pretty good article for this, but it's a 404 now. This other article I've just googled seems to do the trick. It appears to work in IE 6.0, FF and Opera, I'm not sure about Safari.

CSS Layout - 100% Height

 

[L33]

I've got it working now thanks to the guide you posted!
Many thanks for all your help

 

[Sherbs]

I use to have a pretty good article for this, but it's a 404 now. This other article I've just googled seems to do the trick. It appears to work in IE 6.0, FF and Opera, I'm not sure about Safari.

CSS Layout - 100% Height

O thank you.