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

Asked by ETpro (34605

) 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

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

phaedryx (6137

)“Great Answer” (0

) Flag as…

@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 (34605

)“Great Answer” (0

) Flag as…

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.

ETpro (34605

)“Great Answer” (1

) Flag as…