You can use functions findX() and findY() from the following example:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<style type="text/css">
#id1 { position: absolute; top: 46px; left: 80px; }
</style>
<script type="text/javascript">
function findY(obj)
{
var y = 0;
while (obj)
{
y += obj.offsetTop; obj = obj.offsetParent;
}
return(y);
}
function findX(obj)
{
var x = 0;
while (obj)
{
x += obj.offsetLeft;
obj = obj.offsetParent;
}
return(x);
}
function f_ini(obj)
{
ad1 = document.getElementById("id1");
x1 = findX(ad1); y1 = findY(ad1);
ad2 = document.getElementById("id2");
x2 = findX(ad2); y2 = findY(ad2);
ad3 = document.getElementById("id3");
x3 = findX(ad3); y3 = findY(ad3);
alert( "x1='" + x1 + "', y1='" + y1 +"'\n" +
"x2='" + x2 + "', y2='" + y2 +"'\n" +
"x3='" + x3 + "', y3='" + y3 +"'\n" );
}
</script>
</head>
<body onLoad="f_ini()">
<div id="id1">
Div1
<div id="id2">Div2</div>
<div id="id3">Div3</div>
</div>
</body>
</html>