Web Software Architecture and Engineering – Life on the Bleeding Edge

By now, you have probably had a chance to play with IE8. Couple things as developers to note:
First, if your website is having issues, add this meta tag while you figure out the problem.
<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ />
Next, if the problem persists, it may be related to code you put to purposely look for IE 7. Check those User Agent Strings.
For more details, see:

I especially like this explanation by Microsoft from the 2nd link above.

Update your site to render in IE7 Mode

You may experience one of the following issues when you use Internet Explorer 8:

  • Misaligned webpage layout
  • Overlapping text or images
  • JavaScript functionality issues and errors

issues may occur because Internet Explorer 8 displays webpages using
“Standards mode” by default, whereas most current webpages are created
and tested to work with Internet Explorer 7 Standards mode.
Getting Internet Explorer 8 to always render a site or page like
Internet Explorer 7 can be done by simply adding a tag. No additional
changes are required.
There are two options for doing this:

  1. On a per-site basis
    The site owner can add the HTTP header:

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

  2. On a per-page basis
    The site owner can add a special HTML tag to each document, right after the tag:

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

The meta
tag retains Internet Explorer 7 rendering behavior while still
accessing all Internet Explorer 8 has to offer. This allows your site
visitors who are using Internet Explorer 8 a seamless experience while
you work behind the scenes to update your web properties. When your
site is updated to render in Internet Explorer 8, you can remove the
tag or continue to leverage the tag functionality, as it will remain as
part of Internet Explorer 8 upon final release.
Adding the Internet Explorer 7 compatibility tag should address most
display issues. However, browser detection may also have to be updated
on your site. To learn more, please read about the User-Agent String and Version Vector.
For more information on this specific meta tag update please see Some Web sites may not be displayed correctly or work correctly in Windows Internet Explorer 8. Other compatibility options are described in Internet Explorer Compatibility.


Comments on: "IE 8 Compatibility View – Meta Tag, User Agent" (1)

  1. This IE8 “Compatibility View” broken icon now comes up on all my websites despite them displaying fine and being compliant.

    All i do “wrong” in MS’s tiny minds is stick to the most basic code for cross browser compat.

    Result: Unless i change everything to MS’s front page etc, my sites look “dated” and even leave some of my clents worried.


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: