PDA

View Full Version : jQuery is there a sticky footer that will stick to bottom of VIEWPORT?

JonNoH
03-13-2010, 01:28 PM
Hey guys, I'm a bit more designer, less of a coder. That said, Ive been searching all last night for a footer that will stick to the bottom of the viewport, no matter what. I saw position footer in the jquery lib but its pretty old and I'm not sure if it will work with Jquery1.3.2 and it also doesn't come with documentation that I myself could use to set it up. I'm still learning, not giving up, but I'm low on sleep and I need to finish this redesign. This is one of about 6 things I need to scratch off my to do list in the next 4 hours. Hopin for some guidance or a good point in the right direction.

thanks for reading,
Jon
abduraooft
03-13-2010, 01:46 PM
That said, Ive been searching all last night for a footer that will stick to the bottom of the viewport, no matter what.
Why do you need to use jquery/javascript for this? There are plenty of tutorials available on Internet for sticky footer using CSS. Have you checked http://ryanfait.com/sticky-footer/ ?
JonNoH
03-13-2010, 01:49 PM
lookin for viewport not page, found that a year or so ago. Unless I'm sorely mistaken and this can be used to stick to viewport.
JonNoH
03-13-2010, 01:52 PM
might have found an answer. Ill post back when I get some time to test it out and make my results known.

http://www.frontpagewebmaster.com/m-285491/tm.htm#285491
JonNoH
03-13-2010, 02:05 PM
no dice on that answer either after analyzing the markup. He just talked it up as if it were my answer :(

I'm thinking this is going to be some form of javascript, unfortunately I'm not a JS master.
abduraooft
03-13-2010, 02:14 PM
Take a look at http://mark-allen.net/notes/layout/footer/example04.html
I think it uses the same technique as the one explained at http://www.cssplay.co.uk/layouts/fixed.html
JonNoH
03-13-2010, 02:21 PM
that first link is it exactly!

I was just about to post that I think I have my terminology wrong and should probably be calling this a floating footer. I'm currently trying to figure out exactly how to get this to work with the second link you posted. Thanks for the help.
abduraooft
03-13-2010, 02:26 PM
The explanation to the first link is at http://www.mark-allen.net/notes/layout/footer/
JonNoH
03-14-2010, 04:09 AM
http://www.google.com/search?q=floating+footer+jquery&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a

check the 7th result. that was fast! haha