Internet Explorer’s Compatibility View Broken Document Icon

by Yves Dagenais on November 5 2012

Great design and usability is imperative in today’s web development. It is sometimes challenging to build web sites with the desired features, design and usability that will work as expected in all browsers and platforms. Many of us go to great lengths to try and ensure our guests and members have a great user experience.

Internet Explorer Compatibility IconWe’ve all been there where we’ve had to code up some interesting work-arounds to support Microsoft’s varying interpretations of how to render a web page. Starting with Internet Explorer 8, Microsoft introduced Compatibility View; a way for users to toggle how IE will ultimately render the web page. I for one, do not like how Microsoft displays a broken document symbol on web sites that they aren’t sure how to render. Worse yet, the message is off-putting:

Compatibility View: websites designed for older browsers will often look better, and problems such as out-of-place menus, images, or text will be corrected.

Compatibility View Message in Internet Explorer 10 on Windows 8 Developer Preview

Ironically, Microsoft’s own MSN.com web site displays a broken compatibility view icon:
Compatibility View Issues on msn.com using Internet Explorer 9 on Windows 7

Well enough with my rant, onto a solution.

1 Comment

  1. I have Internet Explorer but do not have that needed Icon. I have Windows 10

Leave a Comment

Leave a Reply

Your email address will not be published. Required fields are marked *