Learn how to a build a cloud-first strategyRegister Now

  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 633
  • Last Modified:

How to lock a footer in a fixed position on the page

How to lock a footer in a fixed position on the page?  I need the footer to show up in a spefic space on the page dispite the amount of information in the previous section.

Thank you very much.
1 Solution
Frederic SuneCEO, IT in MIND inc.Commented:
Use CSS and DIV

#bottom_bar {
    background: url("../img/footer_bg.png") repeat-x scroll center bottom #0C0C0C;
    bottom: 0;
    height: 30px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 1000;

You can see an example here: Club Altitude - The site is in french but you can see the footer

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now