The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Footer not sticking to bottom in Mozilla Firefox and IE

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #26799

    I have problems with my footers because they just will not stay at the bottom. When the content is shorter it moves up. it seems fine on a smaller resolution but I can really see the diffference at scree resolution 1600×1200. I am sure whatever size screen resolution it should stay at the bottom.

    I have
    1) validated the pages and they are validated with only 1 warning.
    2.) I cleared footer both i.e .footer{clear:both}
    3) I have also tried this tutorial here … m-of-page/
    but nothings working.
    4.) I validated my css and I have 4 errors which are to do with the lightbox code nothing to do with my own code.

    The main page seems fine
    but the gallery for example andother pages with less content do’t look good.

    Thank you in advance.


    Is there anyone who can help?


    I suggest you have another look at the tutorial you linked to.
    The footer should be outside the container, the push div should be the last thing inside the container and not come after the footer.


    Thank you, I tried doing that but it did not work, it kept moving up when content is less.
    I then tried this fix … f-the-page

    it looked like it worked but now It seems to have a problem though now, my footer will not move down when I have a lot of content.

    How on earth do I solve this problem
    I used the fix below first

    Thanks for your help in advance.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.