My newly developed website works well in all browsers except IE's compatibility mode.

I have researched and found a number of stack-overflow answers which refer to:-

<meta http-equiv="x-ua-compatible" content="IE=8"> 


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

This will force IE to skip the compatibility view but I need my site to be stable in IE compatibility mode.

1 Answer 1


IE8's compatibility mode makes it render as IE7, so you'd need to use conditional comments which would allow you to add IE7 specific CSS that 'fixes' any bugs you see when the page renders. E.g:-

<!--[if IE 7]>
<style><!-- insert styles here --></style>

IE8's various meta tag configurations are listed in this MSDN blog posting, the EDGE configuration you mention makes IE8 render using the most up-to-date engine (I have doubts about how stable this is in the wild).

Alternatively you could use this meta tag to remove the users ability to click the compatibility mode button by forcing it to emulate IE7.

<!--[if IE 8]>
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >

You'd still have to fix any visual problems in IE7 with a browser specific CSS, but at least you'd only have to worry about IE7 not IE8.

  • @toomanyarimiles: so, i don't need to panic about lower version and if my site works good on standard mode i can disable the compatible view in my site?
    – Krish
    Mar 11, 2012 at 7:10
  • @krish no, you don't need to panic about it - compatibility view really only exchanges one browser rendering engine for another, using the emulate meta tag gets around the confusion leaving you with one browser to worry about - IE7 Mar 11, 2012 at 7:35

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.