3 replies [Last post]
qrstuvr
Offline
newbie
Last seen: 15 years 23 weeks ago
Joined: 2006-06-22
Posts: 4
Points: 0

Ok, so I'm using the style I found for the 3 column "holy grail" which can be found here in its "raw" form: http://glish.com/css/7.asp

And I thought I'd just be able to put a wrapper or "giant div" around the whole thing and place a footer in there. But that doesn't seem to be the case.

I can't seem to get the side content to push the footer down the page. The footer only responds to the center content pushing it down. As a temporary fix I made the footer margin-bottom at 0px , but I don't want it that way(and I don't think that's working either). I want it wherever the lowest content is, even if it is a side column.

Any ideas?

My link that's troubling me is below:
http://www.consumersforpeace.org/xyz_fence.html

any help is GREATLY appreciated!

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 9 years 10 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

3 column holy grail, but I need a footer

If you have floated some or all of your columns, use clear:both on the footer to ensure it sits below them. Alternatively you can float the container holding the columns or give it an overflow value of hidden, scroll or auto.

qrstuvr
Offline
newbie
Last seen: 15 years 23 weeks ago
Joined: 2006-06-22
Posts: 4
Points: 0

grrr, this thing is still giving me problems...

I've tried all of those things you (Chris..Drunk suggested, and I'm still not getting it to work. bah.....

Any other ideas? This things driving me nuts!

Thanks to anyone who can help me out.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

3 column holy grail, but I need a footer

Position relative will bring the footer up in the stacking and visible but of course that isn't really the problem, once again position absolute rears it's ugly head.

The glish layout with it's absolute columns isn't right for you, does the Glish explanation not explain the problem with absolute and things like footers?

Search out the other holy grail ALA layout that uses floats or the one true layout; link in Chris's sig line.

For the footer go to the maninblue footeralt stick for footer at bottom of viewport.

Most of this this info can be found if you have a little search through the 'How To' section

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me