CODEWITHSUNDEEP
htmlxhtmlcross-browser
Rod Rig Gez
Rod Rig Gez

Reputation: 133

Messed layout only in IE 7

I am coding a site in IE 9. The layout looks perfect in IE 9 and IE 8 as well as IE 6 BUT it's completely messed up in IE 7. Also, the issue is when I press the compatibility button in IE 9 - the layout is messed up beyond comprehension..My question is - how can you make the layout ok when one presses compatibilty button in IE 9. Thank you , regards !

Upvotes: 0

Views: 168

Answers (2)

Guffa
Guffa

Reputation: 700382

All versions of Internet Explorer have different sets of rendering bugs, and the older the browser, the more bugs there are.

If you are developing a site so that it looks good in IE, you have most likely taken advantage of some of the rendering bugs. This means that it will look different in another version of IE, and it will look completely warped in any browser that better follows the web standards.

You should not take advantage of the rendering bugs, but instead avoid things that works differently in IE compared to other browsers. That way it's possible to build sites that both work in different IE versions and also in other browsers.

You should have another browser to test in also, like Firefox, Chrome or Opera. Also verifying the HTML and verifying the CSS are also good tools for finding problems with the code.

You should not bother about the compatibility button. That is for pages that can't cope with standards compliance mode. If your page renders correctly in standards compliance mode, then you can add the meta tag that disables the compatibility button.

Upvotes: 1

tw16
tw16

Reputation: 29585

It is quite easy to do. Put this code directly after your opening <head> tag: 

<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>

What this does is forces the browser to use the highest standards it has available to it.

Upvotes: 2

Related Questions