3 col layout: footer problem

jswebdev · October 1st, 2005, 04:09 PM

take a look at this page on a website i'm working on. what can i do to create the spacing (or margins) necessary to maintain the look of the footer at the bottom, without effecting the the footers on those pages which don't need the supplemental spacing?

thanks!

Pheonix · October 3rd, 2005, 11:00 PM

place all the content into one div, and have the footer below it

Code:

<div id="head">This is my head</div>
<div id="content">
<div id="rightcolumn">menu item
menu item
menu item</div>
<div id="body">This is my body, blah blah blah</div>
<div id="leftcolumn">This is my left column</div>
</div>
<div id="foot">Yay foot!</div>

The problem with is that your columns may not extend to the bottom of the page. But this is the first solution that came to mind there probaly is a better one.