Take the 2-minute tour ×

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="edge" />

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

share|improve this question

1 Answer 1

up vote 3 down vote accepted

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 compaibity mode button by forcing it to emulate IE7.

<!--[if IE 8]>

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.

share|improve this answer
@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 '12 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 –  toomanyairmiles Mar 11 '12 at 7:35

Your Answer


