Stuck with sticky footers..
# March 27, 2009 at 4:32 am
I have been working on the footer of this site (http://www.9d.co.nz/stickyfooter/) for over 3 hours now and simply cannot get it to stick the way i need it to.
Neither however allow me to create a gap between content and footer that is different to the height of the footer itself.
eg.: my footer div is 100px in height, and i need a gap between the end of the content div and the beginning of the footer of 20px.
The other issue is that while method (1) works in FF 3 it creates a gap below the footer in Safari.
While method (1) somewhat works in FF3 even there it creates a permanent gap of 100px between content and footer even though the page is longer than 1 window length so there are scrollbars and theoretically it should only have a 20px gap between the content and the footer.
I’m hoping someone here can solve this mistery because I am absolutely lost with the sticky footer business on this site.
And last but not least:
PS: If you prefer downloading the actual files rather than using something like Firebug while on the site I have uploaded them inside a 24kb zip archive here: http://www.9d.co.nz/stickyfooter/stickyfooterfiles.zip
You must be logged in to reply to this topic.