Katrin: einfaches JavaScript und trotzdem Fehler

Beitrag lesen

Guten Abend!
Ich sitze gerade an einem, eigentlich relativ einfachen JavaScript. Aber ich krieg es trotzdem nicht gebacken. Das <div> wird einfach nicht absolut positioniert. Warum nicht? Hier noch der Quellcode:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  
<html>  
<head>  
 <title>Untitled</title>  
<script type="text/javascript">
function Fensterhoehe () {  
   if (window.innerHeight) {  
     return window.innerHeight;  
   } else if (document.body && document.body.offsetHeight) {  
      return document.body.offsetHeight;  
   } else {  
     return 0;  
   }  
}  
  
function Fensterweite () {  
   if (window.innerWidth) {  
     return window.innerWidth;  
   } else if (document.body && document.body.offsetWidth) {  
     return document.body.offsetWidth;  
   } else {  
     return 0;  
   }  
}  
  
function zentriere () {  
 var weite = Fensterweite();  
 top = (weite / 2) - 200;  
 alert(weite);  
 alert(top);  
 document.getElementById("hallo").position = "absolute;";  
 document.getElementById("hallo").top = top + ";";  
 document.getElementById("hallo").left = "0;";  
}
</script>  
</head>  
  
<body>  
<div id="hallo" style="position: absolute:0; top:0; left:0; cursor:pointer;" onclick="zentriere()">  
 Dieses div sollte nach einem Klick absolut positioniert werden.  
</div>  
</body>  
</html>

Danke schön! MfG, Katrin