Home : Forums : ELATED.com Site Help : Dropped content area in IE?

Dropped content area in IE?

  You are currently not logged in. You can view the forums, but cannot post messages. Log In | Register
15-May-09 12:34
DeleteDelete EditEdit
KP KP Rank: none
No stars yet
Posts: 4
From: Dorset, UK


--
Thanks, Kate
www.vividmktg.com
15-May-09 14:09
DeleteDelete EditEdit
simon simon Rank: gold
Gold
Posts: 1916
Ah yes, the dreaded double-margin bug in IE6.

Basically, the issue here is the your left div (mcleft) is floated left, but has a left margin of 15px. IE6 is doubling that due to how it interprets margins. In turn that's pushing the right column down, because it doesn't then have enough space to occupy.

The fix: Either:

- add "display: inline" to your mcleft style, OR

- Make it padding-left: 15px rather than margin-left

(Actually it looks like it should be 10px visually?)

More here: http://www.cssnewbie.com/double-margin-float-bug/

Simon



--
ELATED : )
http://www.PageKits.com
Professional Website Templates
15-May-09 15:39
DeleteDelete EditEdit
KP KP Rank: none
No stars yet
Posts: 4
From: Dorset, UK
Brilliant, I've tried both solutions and gone for the 10px padding.
Thank you!

Strangely tho - I've now lost my white background but again only in IE. Is this something you could help with too?

Thanks!

--
Thanks, Kate
www.vividmktg.com
15-May-09 16:32
DeleteDelete EditEdit
simon simon Rank: gold
Gold
Posts: 1916
That I'm not sure about I must confess. The best bet is to look back to what you've done in the last hour or so and work out what you've changed that might impact that background.

Try reverting to how it was and watch every change to see what affects the background. I note it's fine in IE7, so it's just an IE6 issue.

Simon

--
ELATED : )
http://www.PageKits.com
Professional Website Templates
 
New posts
Old posts

Follow Elated