Internet Explorer: Your sites broken with compatibility view mode

Why compatibility view mode ?

Some old sites are created to work with old versions of IE. For example, your site only work with IE7, so if I open your site in IE11, I will get some issues (such as misaligned text, images, or text boxes, issues with scripts, and some crash situations)

To fix, I need to set your site in compatibility view list in my IE (Tools -> Compatibility View settings), IE will show your site using older IE versions (IE will detect which version suitable for your site), and make it work.

In other hands, if your site is created to work with latest IE version (IE11 for now), and for some reason, i was set your site in compatibility view list, it may get some issues also.

In this case, I need to remove your site from compatibility view list, IE will show your site using latest IE version by default.

How to fix automatically ?

As above, in both cases, you should set your default IE version for your site to work, by adding this meta tag to your pages. This tag must be placed before any other meta tags for it to work.

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> <!-- to force it work with IE7 -->
or
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <!-- to force it work with latest IE version -->

If this tag was set, IE will show your site with point out IE version, and do not care if i set your site in compatibility view list or not.

If you would like to make this change throughout your site and do not want to edit every page edit your .htaccess file and add the below lines into that file.

# Emulate IE7 to prevent compatibility view
BrowserMatch "^.*MSIE 8.*$" emulate_ie7
Header set X-UA-Compatible "IE=EmulateIE7" env=emulate_ie7
or
# Emulate edgeto prevent compatibility view
BrowserMatch "^.*MSIE 8.*$" edge
Header set X-UA-Compatible "IE=edge" env=edge