Two CSS probs: 1) positioning and 2) ie6

diver864 posted this at 14:04 — 29th January 2009.

They have: 2 posts

Joined: Jan 2009

Hi, I have am putting this site together for some friends with a non-profit.
http://www.beallfamily.net/LnE/

There are two problems with which I am stuck:
1) on Firefox, Google, Safari, and IE8 browsers, the footer contents show up right after the div menubottom (that is, not in the footer space). It displays correctly in IE6 and 7.

2) on IE6, the label (a gif image) doesn't appear at all. It is visible and correctly positioned on IE7 and the other browsers.

For a view of how it *should* display, please view it in IE7.

I'd be most grateful for any help or suggestions. I am not a developer, just trying to help some folks out. Thanks in advance!

Megan posted this at 17:28 — 29th January 2009.

She has: 11,421 posts

Joined: Jun 1999

For the first problem, put a position:relative on the #footer div. Then you're just left with some little positioning issues.

For the second problem, try removing the float on the #label div. That's really all i can think of there without being able to test it properly. If all else fails, put a border on the #label div and see if/where it shows up in IE6.

Megan
Connect with us on Facebook!

diver864 posted this at 01:41 — 30th January 2009.

They have: 2 posts

Joined: Jan 2009

Thanks Megan. Putting position:relative on #footer fixed that problem.

I remove the float on #label, but it didn't make a difference. I put a border around it (visible in other browsers) but it was nowhere to be seen in IE6.

I am stumped.

decibel.places posted this at 04:43 — 30th January 2009.