View Full Version : differences between IE8 and IE9

11-09-2011, 12:25 PM
I've discovered a good website to render pages in various versions of IE. So let me share that first: http://ipinfo.info/netrenderer/

Now I am trying to work out why this page (http://www.multitechcomputers.com.au/index.html) doesn't look right in IE8. It looks good in most other browsers and in IE9, but I'm baffled why there should be this difference between IE8 and IE9.

I can live without catering for IE6 and IE7 but I think IE8 is necessary still.

Any obvious ideas? (sure, I know my coding isn't perfect - I'm trying to help out a friend of mine. He probably needs a more skillful friend!)

11-09-2011, 03:11 PM
I think the problem here is netrenderer not your page - it displays fine in IE8 for me -see attached image. I personally think you cannot rely on anything other than the actual browser itself to test a page.

I can live without catering for IE6 and IE7 but I think IE8 is necessary still.

Still test everything in IE6+ myself.

11-09-2011, 03:20 PM
Thanks for checking it. Well, you might be right about the actual browser needing to be used, except the problem was first noticed in the guy's computer running IE8, so I have seen it fail horribly in the actual browser.

Now it's even more mysterious (but a little bit more positive!) since your snapshot shows IE8 nicely rendering the page. Are there then different versions of IE8?

The page code takes into account IE's various versions (including IE8) using;

<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<link rel="stylesheet" href="css/ie.css" type="text/css" media="all">

...so it should be working fine.

11-09-2011, 03:37 PM
Ahhhhh, sorry, it does fail in IE8 - just had a new laptop and forgot this is IE9.

I susepct the problem may be the html5 elements in your code. Hang on...

11-09-2011, 03:47 PM
Hmm, you've got a couple of unclosed elements:


<div class="col2">
<ul id="menu">
<li class="current_page_item">

<a href="#" style="cursor: none;">Home</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="sales.html">Sales</a></li>
<li><a href="prices.html">Latest Prices</a></li>
<li><a href="aboutus.html">About Us</a></li>
<li><a href="findus.html">Find Us</a></li>



and the validator is throwing out another one here:

<!-- Copyright (c)2002 Site Meter -->
<!--webbot bot="Script" endspan i-checksum="39138" --></font></div>


I think you are missing one closing </div> there. Worth getting rid of these first.

EDIT: I think the first error above is what's causing your issue - different browsers will vary in how they parse errors like this - which is why IE9 is OK but IE8 isn't.

11-09-2011, 03:58 PM
OK Thanks. I will check that col2 div carefully tomorrow.