7
I’m having a problem with FF2.0 trying to find the y offset of an object.
I've tried several different scripts; all seem to be similar to this one. I keep getting strange values for the Y offset. In stylesheets, I set everything to zero: body { padding:0px; margin:0px }. then placed one single image on a blank page with an href around it. using mouseover to show me the y offset, I keep getting different y offsets depending on the height of the image (manually changed for experimentation ). The natural height of the image is 88, yet somehow the offset keeps saying 73.
If I have set everything to zero: 1. shouldn’t the offset always be zero? 2. why does the y offset change every time I change the image height?
Strangely, when the image path had a typo and no image appeared, this displays the correct y offset. place your test image in place of: testImageHere
[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html401/loose.dtd">
<html>
<head>
<title>obj pos</title>
<script type="text/Javascript">
function findPos(obj) {
var curleft = 0;
var curtop = 0;
if (obj.offsetPare nt) {
curleft = obj.offsetLeft
curtop = obj.offsetTop
while (obj = obj.offsetParen t) {
curleft += obj.offsetLeft
curtop += obj.offsetTop
}
}
alert ("x="+curleft+" , y="+curtop);
}
</script>
<style>
body { padding:0px; margin:0px; }
.container { padding-top:0px; padding-left:0px; }
</style>
</head>
<body>
<div class="containe r">
<a href="#" onclick="findPo s(this);"><img src="images/testImageHere.g if" alt="test" width="96" height="88" border="0" /></a>
</div>
</body>
</html>[/HTML]
