getintouch
OUR_GALLERY

Internet Explorer Styling – Quick Fix

web_dev_pic1

I have been wrestling with Internet Explorer for years now but never so much as when I started developing for WordPress.  For example, I was up until 2am last night looking for the best way to force IE to display CSS properly.  I looked into browser hacks, conditional tags, .js libraries, emulators and more.  Everything I tried had me hitting walls of PITA development I just don’t have the time to deal with.

Luckily though, in my research, I stumbled upon one little comment on Stack Overflow that absolutely made my night.

X-UA-Compatibility

This is a small, often overlooked little tag in the head of most web pages.  In my case, the full tag was:

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

This teeny little snippet was forcing my site to emulate IE7 which of course, can’t deal with CSS3 or anything mildly resembling it.  So, all I had to do to fix it was replace the above code with this:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7, IE=9">

And most of the CSS issues were happily resolved.   Not everything was fixed though since even the latest version of IE doesn’t support some CSS, such as text-shadow (which IE does have some not very efficient filters for), but enough was fixed to make me happy.

So, if you find that your site isn’t rendering in Internet Explorer properly then you might want to check for this issue.  It’s an easy fix that goes a long way towards getting your site cross-browser compatible.

One Response to Internet Explorer Styling – Quick Fix

  • Magnificent post, very informative. I ponder why the other experts of this sector do not realize this. I stumbled upon this and I’ve discovered it absolutely helpful and it has helped me out. Great job.

Leave a Reply

Your email address will not be published. Required fields are marked *


*

 characters available

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>