On the site below I'm having a problem with the left sidebar. http://www.website.marginreleased.org.uk/home-page.html Basically, it only extends down as far as what the text goes - there is a menu in the area. What I would really like it to do is stretch down to the footer, obviously leaving the menu positioned at the top. I've placed height:100% in the associated css rules, but it hasn't made any difference. Does anybody have any ideas what I can do to rectify this?
What you've encountered is one of the biggest problems with non-table layouts - DIV's cannot extend to the same height as each-other. PERIOD. To do what you want you either need to fake it by putting a background-image on a wrapper around both columns, the 'problem' with that being you'd need a fairly big image or dummy DIV to handle that border-bottom (which I'd implement as border-top on a sandbag div) You've got bigger problems though like the layout completely breaking on large fonts, that red stripe background not lining up, some wierd yellow stripes that I think are on the background (not sure), etc, etc.
Thanks for the feedback - much appreciated. Actually, in terms of the latter comments, I thought i was being arty. But if that is the reaction I get I think I'll make some changes