Liquid CSS layout : 100% of height?

[GavinPearce]

Trying to create a CSS layout in which their is two equal columns next to one another.

They manage to resize horizontally when making it smaller and larger in that direction but...

How can I get it to fit the page so when there is no content, or not enough content to fill the length of page, both colums still run to the very base of the page ?

Much like a height of div = 100% of the page effect. I tried setting DIV heights as 100% but didnt hold much hope, and obviously was correct not to I guess. Its filling 100% of the space it needs I guess, rather than 100% of the entire page.

Example of current page: http://www.gavinpearce.co.uk/dev/new_layout.html

[David Harrison]

CSS doesn't do 100% of the page height very well, but you can give the illusion of what you want to do. Give this ALA article a read.

Incidentally, this won't work if you use XHTML 1.1 and send as application/xhtml+xml.

[Robert Wellock]

Originally posted by lavalamp
Incidentally, this won't work if you use XHTML 1.1 and send as application/xhtml+xml.

For a very good reason which is fine by me.

[GavinPearce]

Can you let me in on your very good reason ?

Also say you wanted it to float, and resize when you make the page smaller, how could you get the background to shrink to the stay inline with the divs as they enlarge or shorten in width, much like when you rezie the A List Apart pages themselves.

[GavinPearce]

Actually don't worry about that second bit, jsut me being dumb. Cheers by the way for that page!