offsetLeft & Top differ for different element types?

  • Thread starter Pieter Van Waeyenberge
  • Start date
P

Pieter Van Waeyenberge

Hello

In the code below, theres a DIV, a TABLE and another DIV , each with an
image in it.

When i read out the offsetLeft/Top from imgB in the table , i get offset
values relative to the containng TD ... *as it should be*, HOWEVER, the
offsetLeftTop values for imgA/C in the DIVs are calulated realtive to the
window border ???? is this normal

this happens on both NS7 & IE6

sample code (you can copy/paste ... i tested this):

<html>
<head>
<script language="JavaScript">
onload = function(){
var imgA = document.getElementById('imgA');
var imgB = document.getElementById('imgB');
var imgC = document.getElementById('imgC');

alert(imgA.offsetLeft)
alert(imgA.offsetTop)

alert(imgB.offsetLeft)
alert(imgB.offsetTop)

alert(imgC.offsetLeft)
alert(imgC.offsetTop)

}

</script>
</head>

<body>

<div>
<img src="0.jpg" id="imgA" width="100" height="100">
</div>

<table>
<tr>
<td>
<img src="1.jpg" id="imgB" width="100" height="100">
</td>
</tr>
</table>

<div>
<img src="2.jpg" id="imgC" width="100" height="100">
</div>


</body>
</html>
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
473,744
Messages
2,569,484
Members
44,903
Latest member
orderPeak8CBDGummies

Latest Threads

Top