Layers that go the entire Height of the page.

briandina · December 31st, 2006, 05:01 PM

I want to design a CSS webpage with 3 columns. The outer columns are borders, the center column will contain the text. I want the outer columns to extend to the bottom of the page.

I got some code from http://www.webmasterworld.com/forum83/200.htm

I tried it and it seemed to work - see http://briandina.com/column_full_height1.htm

But when I added some extra text to one of the center columns, the outer columns no longer went to the bottom of the page - see http://briandina.com/column_full_height2.htm

If I use and 3-column TABLE (text in the center column/borders in the outside columns), I can get the columns to go to the bottom of the page , but I want to do it with CSS (so I can use CSS to later change the colors, backgrounds, layer/column widths, etc).

Am I missing something in the "body style tag?"
Anybody have any ideas or know of a tutorial that shows me how to do this?
Thanks,
~Brian
brian@briandina.com
425-485-2019

There are already a number of threads on these forums covering this same problem. Please use the search facility rather than start yet another thread. I am going to close this thread.