voodish logo
tweet rss book of faces Linked In

IE8 Quick Fix - one line for your headers

ie8_evil.jpg

Internet Explorer 8 (IE8) Fix - Fix IE8 from displaying website content incorrectly with one simple line of code in the header of your pages.

Internet Explorer 8 (IE8) supports additional HTML and CSS standards that are not supported in previous versions of Internet Explorer.

However, this also means that some websites will behave differently in IE8 than previous versions of IE. [more info on these IE8 changes]

Show me the code

Symptoms may include:

  • Menus, images or text may appear to be displayed in the wrong place.
  • Website features may not work.
  • Scripting error messages may be displayed.
  • Internet Explorer stops responding or working on your website.

If your website exhibits any of these symptoms with IE8, but works fine with other web browsers, you can add a meta tag to your website that instructs Internet Explorer 8 to display your web page in an “Internet Explorer 7″ emulation mode. Running a webpage in IE7 Emulation Mode:

Add the following code to your header

<meta http-equiv="X-UA-Compatible" content="IE=7" />

This tells Internet Explorer 8 to display your page in IE7 emulation mode.
This meta tag should be entered immediately after the <head> tag to run correctly.

Example:

<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title>My Web Page</title>
</head>
<body>
<p> My web page content. </p>
</body>
</html>

More information regarding the different compatibility modes of IE8 can be found at: http://msdn.microsoft.com/en-us/library/cc288325(VS.85).aspx

Related Articles

Comments RSS Feed

1 Trackbacks/Pingbacks

  1. Pingback: Whose Dog Is Better: Microsoft's, Apple's or Mozilla's? on June 14, 2009

6 Comments

  1. Josh July 2, 2009

    This works perfect, now I just have to apply it to 400 pages. Thanks for this fix.

  2. Go to Top of the page

  3. Paul August 4, 2009

    Once again M$ does something to muck up the Internet!
    Spot on with the cure here, big thank you.
    Just to note the positioning of the tag immediately after the first head is crucial. I had it down with my other meta tags with no result.
    I owe you a beer or two!

  4. Go to Top of the page

  5. Jason December 8, 2009

    Fantastic, applied this to the header include file and entire site is fixed with a single copy and paste.

    Worked a dream! Thank!

  6. Go to Top of the page

  7. Sarah February 4, 2010

    Thanks so much, I’ve been searching for a direct answer to this problem and microsoft of course seems to skirt around it.
    I’ve added this code into the websites I work on and I once again thank you for your support!
    *adding website to favorites*

  8. Go to Top of the page

  9. tta July 21, 2010

    Thanks so much, I’ve been searching for a direct answer to this problem and microsoft of course seems to skirt around it.
    I’ve added this code into the websites I work on and I once again thank you for your support!
    *adding website to favorites*

  10. Go to Top of the page

  11. Norm Clifton October 20, 2012

    The code worked exactly as promised. Thank you. I do have a question: how does this code affect other browsers like IE 9 when it views the website? I use html 5 in websites.

  12. Go to Top of the page

Leave a comment