Position von Elementen abfragen

[wolles]

Hallo zusammen,

hab ein Problemchen mit der Abfrage von DIV-Elementen.
Ich habe z.B. ein Element ----<div id="div1">Inhalt</div>---
Die Position ist im css festgelegt.

--- #div1 {position:absolute;top:10px;left:10px;z-index:2} ---

Wenn ich jetzt die aktuelle Position in JS ermittle mache ich das so:

--- var pos=document.getElementById('div1').style.left; ---

Leider krieg ich so keinen Wert,
es sei denn, ich habe vorher per JScript einen Wert zugewiesen.
--- document.getElementById('div1').style.left=10+"px"; ---

Warum ist das so?

Klar kann ich die Werte nochmal in einem JS festlegen, aber  das ist ja wohl doppelt gemoppelt, da könnt ich mir das Stylesheet auch sparen.

By the way, mit '.offsetLeft' funtionierts auch nicht, hab mir schon die verschiedensten Threads durchgelesen, aber nicht den richtigen gefunden.

Gruss

Wolles

[Struppi]

By the way, mit '.offsetLeft' funtionierts auch nicht, hab mir schon die verschiedensten Threads durchgelesen, aber nicht den richtigen gefunden.

Doch das geht, du musst nur alle Eleternelemente durchlaufen:

get_top    = function(o) { var y = 0; while (o) { y += parseInt(o.offsetTop );  o = o.offsetParent;  } return y; };

get_left   = function(o) { var x = 0; while (o) { x += parseInt(o.offsetLeft ); o = o.offsetParent;  } return x; };

var o = document.getElementById('div1');

get_left(o);

Struppi.