How to remove the broken icon from IE8

Some sites show a broken site logo like this: Broken IE8 logo

The web developers can remove this broken compatibility view logo by including one of these three lines in the html header:

<meta http-equiv=”X-UA-Compatible” content=”IE=edge” />
<meta http-equiv=”X-UA-Compatible” content=”IE=8″ />
<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″/>

Living on the edge seems to be the best choice because then you don’t have to change anything when IE9 is released.


3 Responses to “How to remove the broken icon from IE8”

  1. IE8 Best Standards Support : Broerse Blog on April 5th, 2009 12:22 pm

    […] How to remove the broken icon from IE8 […]

  2. Theo on April 5th, 2009 5:11 pm

    The button doesn’t mean the website is “broken”. It just gives the user the possibility to choose to view the website in IE 8 web standards mode, or in IE 7 compatibility mode (when you press the button to its “on” state). By adding one of these headers you force one of the modes upon the user.

    Most websites look the same anyway, regardless of the mode, so I don’t really see what the point is of both the button and the headers. IMHO websites should work in any browser, and without browser-specific headers.

  3. Martin on April 5th, 2009 8:57 pm

    I understand this but showing the “broken” icon to users is a bad thing. All main sites already removed the “broken” icon by adding one of the headers. Now also this blog.