Need help with my sticky footer.

[robin9000]

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 :

http://robinsden.co.cc/services/photography/photography.php

Thank you.

[jamidodger]

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