Different DocType causes javascript to not work

Discussion in 'JavaScript' started by qubits, Oct 26, 2007.

0
  1. #1
    Hi - I have just downloaded and tweaked a javascript that allows you to scroll content within a div with custom buttons. I've noticed that when i changed the DTD in the HTML document to XHTML 1.0 is stopped working for Mozilla and Safari, but continues to work for IE7.

    What is happening? I need to use this DTD ( i think ) because IE7 doesn't center my page if i'm using the HTML 4.01 DTD.

    Anyone know whats happening?

    Below is the HTML code that calls the Javascript. it is truncated to conserve space:
    

<body onload="InitialiseScrollableArea();">
....
  <div id="ScrollContainer>
    <div id="ScrollContent>
    ......
    </div><!-- /ScrollContent -->
    <div id="ScrollControls">
                   <div id="ScrollUp">
                      <a onmousedown="PerformScroll(-7)" onmouseup="CeaseScroll()" href="javascript:;"><span>Scroll Up</span></a></div>
                   <div id="ScrollDown">
                      <a onmousedown="PerformScroll(7)" onmouseup="CeaseScroll()" href="javascript:;"><span>Scroll Down</span></a></div>
                </div><!-- /ScrollControls -->
</div><!-- /ScrollContainer -->
.....
</body>
.....
    Code (markup):
     
    qubits, Oct 26, 2007 IP