General Question

ETpro's avatar

Web Design: CSS Problem Driving Me Crazy! What's Causing this?

Asked by ETpro (34605points) September 21st, 2011

Can anyone see what’s causing my footer to fly up under the header. It’s as if the bodyshell div has no height. There should be no flated elements in the footer. It’s all position relative or absolute. And just to be sure, I put a <div class=“clear”> with the clear floats trick after the main body div and before the footer divs.

See http://www.whisperinggold.com/

Maybe I’ve stared at it too long. It seems like it would have to be something glaringly obvious. But I’ve checked each style declaration for ages, and I’m not seeing it.

A check on the W3C validator shows lots of issues thet Yahoo! Stores generates and I can’t control, but nothing that should account for this.

Observing members: 0 Composing members: 0

3 Answers

phaedryx's avatar

My guess is that #left-foot and #right-foot have absolute positioning.

ETpro's avatar

@phaedryx They are. But they are inside a page-wide div that is position: relative; and there are two additinal page-wide divs above the footer div, all which are position relativee. I don’t see why that div would float up.

ETpro's avatar

I think I found the solution. Just need to tweak it some. Setting Bodycontent DIV to position: relative kept it from seing everything as outside the document flow. I just have soe background spacing issues left to deal with and it should be good to go.

Answer this question

Login

or

Join

to answer.

This question is in the General Section. Responses must be helpful and on-topic.

Your answer will be saved while you login or join.

Have a question? Ask Fluther!

What do you know more about?
or
Knowledge Networking @ Fluther