Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

Footer at absolute bottom of page? (not "fixed")

Getting a footer to be at the bottom but not interfere with scrolling.



11:46 pm on Mar 27, 2009 (gmt 0)

5+ Year Member

I want to put a footer on a page but I can't seem to get it to go right to the bottom.

I want it to be locked at the very bottom of the page.
Unfortunately the only way I know of doing this is with "fixed" positioning, and that will mess up the way the page scrolls since the footer will always be there.

What I want is for it only to appear once you reach the bottom of the page. I just don't want pixels to be left between the footer and the bottom of the page.

I hope my explanation makes sense. Anyone know of a way?


2:11 am on Mar 28, 2009 (gmt 0)

WebmasterWorld Senior Member swa66 is a WebmasterWorld Top Contributor of All Time 10+ Year Member

It's pretty easy to get this done, and both cases need more or less the same solution.

If you use position:fixed, you need additional padding on the content's bottom in order for it to clear the fixed footer.

If you use absolute positioning you also need that same padding.

For an example, take a look at post #3878112 in [webmasterworld.com...] (message 39 or so in that long thread)


9:28 pm on Mar 30, 2009 (gmt 0)

5+ Year Member

Give the body and footer a bottom margin of 0. Does that do the trick?

Featured Threads

Hot Threads This Week

Hot Threads This Month