✔ Probleme mit Doctype Declaration

[chuvak]

Ich möchte, dass beim Berühren einer Grafik an der aktuellen Mausposition eine DIV-Box erscheint. Dies habe ich auch erstellt:

<script>
function maus(e){
x = e.pageX || window.event.x;
y = e.pageY || window.event.y;

document.getElementById('box1').style.display="";
document.getElementById('box1').style.top=y;
document.getElementById('box1').style.left=x;

}
</script>

<div id="box1" style="position:absolute; border: 1px solid #ff0000; display:none; background-color: #ffffff;">
Text....
</div>

Wenn ich oben auf die HTML-Seite eine Doctype-Declaration einfüge, erscheint die Box nur statisch an einer Position und verändert sich nicht dynamisch mit dem Mauszeiger.
Ohne die Declaration ist alles in Ordnung.

Ich möchte aber "sauberes" HTML benutzen, sodass ich die Declaration schon gerne hätte.

Gibt es irgendeine Möglichkeit, eine Bestimmte zu benutzen?

 

[Maik]

Hi,

wenn du das (X)HTML-Dokument mit dem entsprechenden Doctype im standardkonformen Modus übergibst, ist im JS-Code (wie es auch in CSS gilt) die Einheit gefragt

document.getElementById('box1').style.top=y +"px";
document.getElementById('box1').style.left=x +"px";

Siehe zum Vergleich das Demo Layer der dem Mauszeiger folgt.

mfg Maik

 

[chuvak]

Perfekt!

Dankeschön!