Grow your CSS skills. Land your dream job.

Footer not sticking to bottom in Mozilla Firefox and IE

  • # November 17, 2009 at 2:52 pm

    Hie
    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 http://ryanfait.com/resources/footer-st … 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
    http://creativeastro.com/olympia/index.html
    but the gallery for example andother pages with less content do’t look good.
    http://creativeastro.com/olympia/member.html
    http://creativeastro.com/olympia/gallery.html

    Thank you in advance.

    # November 20, 2009 at 11:28 am

    Is there anyone who can help?

    # November 20, 2009 at 12:11 pm

    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.

    # November 25, 2009 at 9:03 am

    Thank you, I tried doing that but it did not work, it kept moving up when content is less.
    I then tried this fix
    http://matthewjamestaylor.com/blog/keep … 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.
    http://olympiafitnesscentre.com/

    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)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".