Footer pushed to bottom

[ranjistinos]

Hi all,

I am trying to design so depending on content in a page the footer links stretch to appear on the bottom of the page at all time. Please see attached image to see my layout.

so from that I would like to blue part to remain at the bottom of hte page. The light green is the side links...

Here is the css for that:

#sidecol {clear: both; height: auto; position: relative; float: left; padding: 10px 0 0 0; margin: 0; background-color: #fff; width: 200px; background-image: url(../../../global/images/leftcol_bg.jpg); background-position: top right; background-repeat: no-repeat; }


Thanks and I hope I've explained it well

[KDLA]

The best thing to do is to limit the height of your content div and set the overflow to scroll, then absolutely position your footer; else, just absolutely positioning the footer might cause it to overlap your text if it exceed the screen's height.

KDLA