I'm tyring to design a table-less CSS layout, with 3 columns, all of which span 100% of the page vertically (all the way down). I couldn't get the right and left columns to do this, so I faked the right one by adding a background image to the middle column, but now I'm stuck with left column that falls short. Any CSS gurus out there?
I also tried setting the heights of the columns to 100% and that did work, but then the footer with a "margin-bottom: 0px" will not snap to the bottom on resize and will float mid page.
Example 2 column CSS layout
Here is an example 2 column 100% height layout you can use as a starting point. It should be fairly straight forward to customize this to allow for 3 columns.