[SOLVED] MSIE doesn't show my design correctly (what a surprise)

[delusion]

I'm designing a website in html/css. In Firefox it looks fine, but ofcourse.. MSIE has to mess it up.
Where does it go wrong? I can use an IE conditional, but I don't think setting a negative value for margin is allowed.. right?

compare: http://www.mainevents.nl/preview
Firefox shows the page like it's supposed to look.. in MSIE the logo disappears..
Help?

[MikeHopley]

First, validate your site. You have a gruesome extra ending </div> tag, which can be the cause of random mayhem in browsers.

Second, negative margins are perfectly legitimate. I use them all the time, and not only for IE wrangling.

[alexgeek]

You might have to mess around with the padding in IE also, some divs look like they have too much.

[Marc]

If you cannot get it working just using regular CSS, you might be interested in IE Conditional Comments. This is a good thread: http://www.webforumz.com/html-forum/...i-write-ie.htm.

[Monie]

and of course, you could google for "CSS Layout Technique"

[delusion]

Originally Posted by Marc

If you cannot get it working just using regular CSS, you might be interested in IE Conditional Comments. This is a good thread: http://www.webforumz.com/html-forum/...i-write-ie.htm.

I know how a conditional works, but like I said in my first post, I didn't know if the negative values are allowed..

I fixed the </div>-stuff.. It validates now..
So.. I'll try to fix the rest too.. I'll keep you poasted..

[delusion]

I fixed it!
I made a conditional for IE. The site seems to show op properly in IE en FF now. I used this:

Code: Select all

<!--[if IE]>
<style type="text/css"> 
#logo {
    margin-top: -62px;
}
</style>
<![endif]-->

thanks for the responses..