为什么我的标准网站会破坏IE？

Question

I am creating a website and it doesn't work in some IE's, it actually crashes. The problem is that it works fine on my computer.

My htmlcode is W3C compliant, so at least it's no rookie mistake, but unfortunately my knowledge of the deeper workings is very limited.

Here's a list of the JS-libraries I use:

    <script type="text/javascript" src="jquery-1.4.4.min.js"></script> 
    <script type="text/javascript" src="jquery.easing.1.3.js"></script> 
    <script type="text/javascript" src="jquery.coda-slider-2.0.js"></script> 
    <script type="text/javascript" src="http://s7.addthis.com/[omitted for security]"></script>

Works perfectly in Chrome, FF and IE for me, but not on other computers (including my clients', which is frustrating).

Here's a link: http://www.demensentuin.be/indexgeheim.php

Answer 1

The reason for the problem is the one instance where IE is more standards compliant than the other browsers :)

This block

$('#header').delay(250).animate({
 'padding-top': headertop,
 'margin-left': headerleft, 
},250);                   ^-------------------- HERE

has an extra comma at the end of the property list which is invalid syntax, but gets swallowed by FF, Chrome and the like.

IE8 seems to have relaxed its parsing behaviour for this. It's only 6 and 7 that complain.

(There may be other problems that come to light after this is fixed, but this is where IE currently stops parsing.)

Helpful resources:

• Debugging JavaScript in IE7

Answer 2

On IE6, I get the error popup:

Line: 94
Char: 7
Error: Expected identifier, string, or number
Code: 0
URL: http://www.demensentuin.be/indexgeheim.php

But then the site loads. Does this help at all?