Design showing seriously messed up in IE_问答_开发者

Design showing seriously messed up in IE

开发者 https://www.devze.com 2023-03-27 14:47 出处：网络

I\'ve had to work on a fairly complex design ( http://scoding.com/eyal/ ) because of its layout and shape, finally done it, all happy - until I checked on IE, it\'s seriously messed up, but why is tha

I've had to work on a fairly complex design ( http://scoding.com/eyal/ ) because of its layout and shape, finally done it, all happy - until I checked on IE, it's seriously messed up, but why is that?开发者_Python百科 Why is the container not centered? I have looked on google for some answers, and didn't find anything that could help, ANY HELP would be appreciated!

IE is rendering the page in 'quirks mode' (if you press F12 in IE you'll see the 'document mode' defaults to quirks).

Set a doctype like:

<!doctype html>

And all will be well!

For bonus points, run it through the W3C Validator and fix the errors it flags!

This is one of the reasons that every web designer hates IE.. ;-)

Unfortunately, there is no magic answer for you. You have to get the right tools and test every browser you want to support and fix the CSS for every broswer.

Not all browsers interpret CSS in the same way. But IE is the one most people will have problems with.

Hints:

Try using a CSS framework. Blueprint or CSS960 are among the most popular IMO. With a framework, you have a better chance of having the same result in every browser.

For IE, you can download the developer toolbar. It's like Firefox's Firebug but for IE. It is essential to debug CSS problems in IE.

Take note that if you want to support IE6,7,8 you will have to test them all :-( Because you will probably have different results in each version.

If you use JavaScript, I highly recommend jQuery. Never write "native" JavaScript code since it is interpreted differently in each browser. jQuery takes care of that and ensures that your code will be cross-browser compatible.

Good luck