danilob: Netscape muckt beim Dokumententyp für XHTML

Hi,

ich versuche ein Element (div) via Javascript dynamisch zu bewegen.
Es funktioniert auch alles wunderbar. Bis ich auf die Idee komme, statt
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

zu schreiben. Im IE funktioniert alles noch problemlos, aber im Netscape (7.0) bewegt sich das Element kein Stück mehr.

Ich hab's mal auf folgendes Beispiel reduziert:

===============================================================
So funktioniert's

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>
<script type="text/javascript">
<!--
function LayerPos(Ereignis)
{
      document.getElementById("hu").style.left = Ereignis.pageX;
      document.getElementById("hu").style.top = Ereignis.pageY;
}
document.onmouseup = LayerPos;
//-->
</script>
  </head>

<body>
<div id="hu" style="position:absolute;top:50px;left:50px;width:100px;height:100px;background-Color:#FFE0FF;border:solid 1px #000000">Ein Layer<br>
<br></div>
</body>
</html>

===============================================================
So funktioniert's nicht

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<script type="text/javascript">
<!--
function LayerPos(Ereignis)
{
      document.getElementById("hu").style.left = Ereignis.pageX;
      document.getElementById("hu").style.top = Ereignis.pageY;
}
document.onmouseup = LayerPos;
//-->
</script>
  </head>

<body>
<div id="hu" style="position:absolute;top:50px;left:50px;width:100px;height:100px;background-Color:#FFE0FF;border:solid 1px #000000">Ein Layer<br>
<br></div>
</body>
</html>

Hat jemand 'ne Idee??

  1. Hi,

    Im IE funktioniert alles noch problemlos, aber im Netscape (7.0) bewegt sich das Element kein Stück mehr.

    das liegt daran, dass ...

    document.getElementById("hu").style.left = Ereignis.pageX;
          document.getElementById("hu").style.top = Ereignis.pageY;

    ... Du in die left- und top-Eigenschaft keine gültigen Werte schreibst. Im Fehlertoleranz-Modus (aka Quirks-Mode) korrigiert auch Mozilla Deinen Fehler.

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
  2. Hallo danilob,

    ich versuche ein Element (div) via Javascript dynamisch zu bewegen.
    Es funktioniert auch alles wunderbar. Bis ich auf die Idee komme, statt
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    zu schreiben. Im IE funktioniert alles noch problemlos, aber im Netscape (7.0) bewegt sich das Element kein Stück mehr.

    Eine ganz ähnliche Frage und die Lösung dazu gab's unter https://forum.selfhtml.org/?t=109723&m=686384

    Gruß aus Köln-Ehrenfeld,

    Elya

    --
    „Mac OS X wird weiterhin nur auf Macs aus dem Hause Apple laufen, egal, ob da nun ein PowerPC, ein Pentium oder Chocolate Chips drinstecken.“ (Tim Tepaße)