Hi ppl,

as I have recently mentioned I am coverting my sites from table based to css absed and I am getting near completing this successfully with a lot less code!

One main problem I have tho is because my page now consists of sections rather than one whole page, when one section has more content than its size, it extends but the other sections dont and there is a gap between them and my footer as you can see...

I am sure this must be something experienced by many pl before and would really appreciate it if someone could provide me with a solution.

Many Thanks

You've got a couple things going on there.
First, you need to clear your floats, your wrapper is NOT containing the rest of your columns in FF because of the uncleared floats.

http://css-discuss.incutio.com/?page=ClearingSpace

For your any column longest, there are several solutions. Yours would be simple to fix by just adding a background: #fff; to the #wrapper css. The method I prefer to use is called 'faux columns', which you can read about here:
http://css-discuss.incutio.com/?page=AnyColumnLongest

You also need to address some problems in your code. You're using an XHTML Strict DOCTYPE, but your coding is NOT strict. With XHTML, ALL tags MUST be closed, even your Meta tags. You have not closed any of those many <br>'s, nor images, and others. BR's should not be used that way, that's what margin and padding are for in your CSS.

Wow! Worked a treat thanks!

So satisfying when you find a fix...

Gonna have to start paying you for your help

Declaring xhtml is mere good intentions at the mo cos I don't know too much yet but as soon as I get the layout right and online I will be looking into furthering my knowledge about all this stuff.

Thank you