1 reply [Last post]
novon
Offline
newbie
Last seen: 16 years 43 weeks ago
Timezone: GMT-8
Joined: 2004-01-29
Posts: 1
Points: 0

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.

http://www.anivo.com/tonerworld/
http://www.anivo.com/tonerworld/tw.css

Thanks

dbowne
Offline
Enthusiast
Washinton DC
Last seen: 17 years 27 weeks ago
Washinton DC
Joined: 2003-05-22
Posts: 53
Points: 0

Example 2 column CSS layout

Novon,

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.

http://www.thebownes.com/dennis/tutorials/css-vertical-height.htm

dbowne