WordPress IE8 Fix for Display Problems

If you’re WordPress theme isn’t displaying the way it should in Internet Explorer 8 there may be a simple fix which isto put this line of code:

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

in your header.  “Hat tip goes to Ed Bott for writing about this in his post “Which sites will make the IE8 Compatiblity Hall of Shame”.

Yeah I know, if the world would just move to Firefox or any other working browser without the Microsoft ego that assumes the entire Internet world should bend to its will we wouldn’t have this problem.  However, as much as you may hate IE and while I may only use it for checking how Websites I am working on it render in it, the fact that 75% of your visitors are using it make coding for it a necessary evil.

10 Responses to “WordPress IE8 Fix for Display Problems”

  • do i just add it as a meta tag or wat

  • David:

    @klxsitouchhelp yep just copy it and drop it into the header.php above the closing head tag

  • tried and failed. Probama template lastest ver of WP

  • I have tried this code and deactivated couple of plugins and it works like charm..thanks for posting..

  • Thank’s a lot for this line !!!

  • Seraph2Success:

    my site doesn’t respond to the fix that you just offered. I am struggling to find any other methods of fixing the problem. the compatibility view in ie8 doesn’t even work on my site. I am going to pull my hair out!! Save me:)

  • David:

    @Seraph2Success, what’s your site url? You may have to rebuild the theme.

  • This really is really fantastic advice, many thanks.

  • I’ve opened the PHP header file… I’m not really a code master… Is it ok to put it anywhere within the code? I don’t want to break the site or my boss won’t be happy… lol can someone guide me a little better… I looked for the “closing head tag” and I’m not seeing it. Is that just the last thing that says ?? Or do I need to put it somewhere else? Many thanks!

  • David:

    @james, look for this:

    < / script>

    < / head>

    and put it between the two. The last one is the closing head tag.

    note, ive included extra spacing that doesn’t actually exist around the back slash of these two tags to get them to show here in the comment, but you want to keep it as is on yours.

Leave a Reply