I've gone through a few iterations of this but I'm having serious troubles rendering my wordpress site in IE9 properly.
The site is click here. Works perfectly in chrome/FF of course.
IE9 native mode will occasionally throw a hard js script error (separate issue I'm looking at) but forcing compatibility mode seems to render it properly.
So now the question, trying to automatically force IE8 compatibility in IE9. From what I've read this should do it:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" charset="UTF-8" />
But it does nothing.
I've tried variations including:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8, chrome=1">
<meta http-equiv="X-UA-Compatible" content="IE=IE8">
And no joy.
Right now I have the following in the header:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8, chrome=1">
If you actually look at the debug in IE8/9 it shows:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8, chrome=1" charset="UTF-8" <meta=""/>
I don't know why/where it injects charset and the stray meta tag. In chrome it shows correctly.
Should the meta have a trailing /? I've tried it both ways and IE still adds that meta to the end.
Any suggestions?
Appreciate the help on this.
Nik