Making a footer stick to the bottom

[bob_visualefx]

Hi All,
I'm trying to get CSS to make my footer stick to the bottom of the page. I've found some CSS help online and have been testing it, but it seems to be just sticking to the bottom of the browser window and not the page. At least in some browsers. Some it works fine, others it doesn't. Here is the page: LINK Any advice? Any help would be great. Thanks!

 

[stscac]

#footer {
position:fixed;
}

That should do the trick.

-Steve

 

[bob_visualefx]

Hmm, I tried that but it seems to just make it stick to the bottom of the window and not the content.

 

[stscac]

My impression is that you wanted it to stick to the bottom of the window, much like that of Script.aculo.us. In this case you are going to want to make your footer div relative to where it is in the page. You would set your css up like this.

#footer {
position:relative;
//other characteristics from css can go here
}

Hope that helps.

-Steve

 

[bob_visualefx]

I got it going with a clear:both attribute. Thanks for your advice. I appreciate it.