View Full Version : OT css sticky footer help!
stu01
November 18-2009, 05:24 PM
Just wondering if anyone knows how to get a sticky footer to work in css. I've seen various example that work if you have one div with the content in it but I'm using a lot of divs to create a thumbnail gallery. I think I need all the divs as I've tried to put it together using lists but have run into problems as I need to have images and text as part of the same list. I'm kind of new to css so I might be missing something obvious. Arrrrghhh, I'm so frustrated.
mc
November 18-2009, 05:50 PM
I'm not 100% sure about this, but I think you'll need to create one div to act as a container for all the other divs (make sure you're not containing it within any other divs, otherwise it's position will be relative to the containing divs position).
The container div should then be set so it's position as static on the page (at least I think it's static so that it doesn't scroll with the page - other options are relative and absolute).
Once you get the main div positioned where you want it, then any divs contained within it, should be relative to the containing div.
But as I said, css is not something I have to do that much with, so generally find myself resorting to the w3schools for the basics, then firebug to make sure I've coded it right, and for tweaking things before I save them to the css file (firefox + firebug are pretty much a must have for any web design)
stu01
November 18-2009, 07:06 PM
Thanks mc, I was thinking along the same lines, I think I might have two containing divs at the moment, I'll let you know if I get it to work.
mc
November 18-2009, 10:55 PM
Best option is to try it with a simple page with just some text, before adding everything else.
Powered by vBulletin® Version 4.1.9 Copyright © 2012 vBulletin Solutions, Inc. All rights reserved.