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

delusion · October 23rd, 2007, 05:49 AM

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 · October 23rd, 2007, 06:00 AM

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 · October 23rd, 2007, 12:47 PM

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

Marc · October 23rd, 2007, 01:30 PM

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 · October 23rd, 2007, 11:22 PM

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

delusion · October 24th, 2007, 04:39 PM

Quote:

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 · October 26th, 2007, 04:16 PM

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:

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

thanks for the responses..