Results 1 to 2 of 2

Thread: Need help with my sticky footer.

  1. #1
    Join Date
    Feb 2009
    Thanked 3 Times in 3 Posts

    Question Need help with my sticky footer.

    Thanks for any help you can provide me with.

    I am trying to use a new and better sticky footer My problem right now is that I can't seem to get it so that it ends up at the very bottom of my page that I am testing this new sticky footer out on. What is happening is that even though it gets stuck to the bottom of the page it is leaving a gap between the footer and the bottom of my content of about 31 pixles. Not sure where I went wrong.

    My test page is :

    Thank you.
    Computer repairs and Photo editing

  2. #2
    Join Date
    Nov 2009
    Thanked 0 Times in 0 Posts


    just quickly looking at your source and two css files I would say that you should fix the footer to the bottom using

    footer2 {bottom: 0;} //or however far from the bottom you want it.
    then adjust the height of the #main element to fit in with it. You can stretch it as it is a block element by specifying the height from the top of the page and the height from the bottom of the page like this:

    #main {
    top: 60px; //or wherever you want the main elelment to start
    bottom: 30px; //this should be the total height of the footer + the amount of space below the footer
    can't be 100% sure of this without testing it out myself


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts