Home/ Questions/Q 6119767
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T15:35:27+00:00

Possible Duplicate: CSS sticky footer My page has content where as users submit content,

  • 0

Possible Duplicate:
CSS sticky footer

My page has content where as users submit content, the page length increases. This is a problem for traditional designs for sticky footers as they tend to stick at the original location and end up just floating in the middle of the page instead.

Does anyone have any tips or tricks to make a sticky footer that will keep it down at the bottom even when the content enlarges the page size?

Thanks in advance.

Credit to AlienWebguy… after looking at the strucutre of my webpage we figured out adding a clear: both to a standard footer CSS fixed it.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    EDIT: This is not a true “Sticky Footer” but this is what solved the OP’s issue in this instance. For true sticky footer application try this:

    Yep you’ll want to use this CSS:

    #sticky_footer {
    position:relative;
    clear:both;
    bottom:0;
    height:100px;
    width:100%;
}

    Used like this: 

    <body>

...
<div id="sticky_footer"></div>
</body>
    • 0