Written by Marco Conti Wednesday, 27 May 2009 00:00
IE8 is finally here and sure enough I already got several calls asking me to fix the layout of web sites I designed years ago. I am sure a lot of you are in the same boat.
While is a bit too early for me to write about the type of CSS fixes IE8 needs, I figure I'd publish this quick fix that should at least buy you some time while we all get used to the new browsers.
In essence, to make Internet Explorer 8 render a page in Internet Explorer 7 mode all you need to do is insert this tag in the head of your index.php template file:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
Bad News Department: Since writing this article I have had a chance to work on several web sites that needed minor fixes to look right in Internet Explorer 8. I am UNhappy to report that neither of the snippets of code in this article work in actuality. Please stay tuned for an updated article on the topic. For now, the best option I found is to use IE8 built in Developers tools to find the offending code and fix the page's layout.
I have heard this also works:
<meta http-equiv="X-UA-Compatible" content="IE=7" />
But I haven't had a chance to test it yet.
As far as why IE8 mangles pages that otherwise look great in Firefox, the gold standard in CSS compatibility, your guess so far is as good as mine.
I hope this helps someone and stay tuned for more articles about IE8 and it's compatibility with previously written CSS.
| < Prev | Next > |
|---|
Conticreative offers Individual and Corporate training (in person or online) on Joomla, Wordpress, Zen Cart and other leading Open Source scripts.