IE CSS problem...

They have: 2 posts

Joined: Jul 2007

I have an IE css problem... seems to be alot of those lately....

Anyways, the page works find in ff and safari, but there is a bit of misalignment in ie. An ugly white line appears in the header area and there is a misalignment where the header meets the body.

You can see the page at: http://inlab.topsitelist.org/masonry/withieprob/
And the css at: http://inlab.topsitelist.org/masonry/withieprob/style.css

Thank you at all for any help you can give me...

demonhale's picture

He has: 3,278 posts

Joined: May 2005

The ugly white line I seem not to see... but the misalignment solution is like this:

on your css:

#wrapper
{
background: url('images/bodybg.gif') repeat-y center;
}
'

change it to:

#wrapper
{
background: url('images/bodybg.gif') repeat-y center;
<strong>width: 1024px;</strong>
<strong>margin-left: auto;</strong>
<strong>margin-right: auto;</strong>
}
'

You need to define the width each div element should base an auto-margins to...

If you could clarify about the white line, maybe we can fix that too...

They have: 2 posts

Joined: Jul 2007

I managed to fix it by removing the width: 1024px; from #header. It works perfectly. You can see it at: http://inlab.topsitelist.org/masonry/withoutieprob/

demonhale's picture

He has: 3,278 posts

Joined: May 2005

yes, alternately it will work if you remove the first width that defines it, but then you could just redefine everything to be based on the wrapper or not...

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.