I've built this website last week, which has worked perfectly across all browsers that I have (even optimized to render nicely on iPad, iPhone, etc).
My boss uses a particular version of Internet Explorer that always seems to break websites that I build, but only slightly.
This website gets destroyed in her IE:
I looked around and found a 开发者_如何转开发JavaScript library that I think is made for helping IE<9 render as IE9 would, which I've implemented like so:
<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
But it doesn't seem to make a difference.
I've tested the website in multiple versions of IE 8.* and all of them are fine, it's just this specific version (and possibly versions close to it) that are going berserk.
Any help and suggestions would be much appreciated.
One thing worth checking is that the browser is definitely rendering in IE8 mode - try pressing F12 to get the Developer Tools window up, then check that "Browser Mode" isn't set to IE7 or IE8 compatibility mode and that the "Document Mode" is set to IE8 standards.
Try adding the following line to the <head>
:
<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
I'm surprised it's only happening in this one version of IE 8 and not more. Perhaps the other browsers are more forgiving of the following HTML problems.
Your code has over 70 validation errors... some are serious like missing tags, open tags, improper nesting, tags out of place, etc...
http://validator.w3.org/
Go through and tackle each error one at a time, then once complete, you'll have much more consistent results across various platforms and browsers.
精彩评论