Internet Explorer’s Compatibility View Broken Document Iconby 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.
We’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.
Ironically, Microsoft’s own MSN.com web site displays a broken compatibility view icon:
Well enough with my rant, onto a solution.