I have a site where this was a problem. The navigation bar showed up find in Chrome and Firefox but not IE9. After looking at lots of websites and blogs, I found out that is all because Microsoft changed something in IE9 where it can’t read any sites that uses the Helvetica font. So it you use this font family in your site’s stylesheet, you will have this problem too.
To resolve this I added this code to the header.php file. It might be a quick fix but it worked. Add this code to a line after the other meta codes and before <head/> tag.
[code]<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE8″ >[/code]
Make sure you update the code after you have added this code.
Check on IE9 to see if it worked and don’t forget to refresh the browser by holding down the ‘Ctrl’ key as you hit the ‘F5? key. If your website reloads without the display problem you’ve resolved the issue.
An alternative solution I found to this problem was to add this code to the HTML head instead.
[code]<!–[if IE 9]>
<link rel=”stylesheet” href=”ie9.css” type=”text/css” media=”screen” charset=”utf-8″ /> < ![endif]–> [/code]
and also to add this to ie9.css file
[code]body { font-family: Arial, sans-serif !important; }[/code]
One of these solutions should work.
Leave a Reply