General Question

ETpro's avatar

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

Asked by ETpro (34605points) September 21st, 2011
3 responses
“Great Question” (0points)

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.

Topics: , , ,
Observing members: 0
Composing members: 0

Answers

phaedryx's avatar

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

phaedryx (6129points)“Great Answer” (0points)
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 (34605points)“Great Answer” (0points)
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.

ETpro (34605points)“Great Answer” (1points)

Answer this question

Login

or

Join

to answer.

Older »
Rapid low cost short life injection or blow mold ...
« Newer
What potential pros and cons can you think of ...

Mobile | Desktop


Send Feedback   

`