Why isn't the IE emulation meta tag working? Cause IE is freaky

A heads up to anyone that is working with compliance issues on their web pages. If you want to force IE browser compliance, you can do it using a meta tag, but you MUST be careful of its placement in the HEAD tag.

The tag <meta http-equiv="X-UA-Compatible" content="IE=Emulate7" >

has to be the very first meta tag, otherwise it’s not guaranteed that the IE browser will fall into the IE7 compliance mode.

<!-- THIS IS GOOD -->
<head>
   <title>One 45</title>
   <meta http-equiv="X-UA-Compatible" content="IE=Emulate7" >
   <meta name="description" content="Stuff" />
</head>


<!-- THIS IS NOT -->
<head>
   <title>One 45</title>
   <meta name="description" content="Stuff" />
   <meta http-equiv="X-UA-Compatible" content="IE=Emulate7" >
</head>

Don’t ask why. Just accept IE for what it is and move on with your life, citizens.

Some references:
http://msdn.microsoft.com/en-us/library/cc288325%28v=vs.85%29.aspx
http://stackoverflow.com/questions/4811801/force-ie9-to-emulate-ie8-possible
http://evolpin.wordpress.com/2011/02/25/ie9-compatibility-and-the-meta-tag/

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)