TelDig
asked on
offsetTop working in IE7 but not with IE6
Hello,
I'm developing a web site, I'm using IE7 on my development computer and everything is working fine. I had to test with IE 6, and something is not right. Here is a summary of the issue.
I got an image displayed in a DIV and I got mouse events on the image. On mouse down and mousemove, I will draw items in an invisible div over the image (that works perfectly in both versions of IE), but the problem occurs on MouseUp. The MouseUp will trigger on my "drawing form" (and not my image). I told myself, no worry since the image and the drawing canvas is the same size, I use the clientX and clientY with some calculation using the offsetLeft and offsetTop to get the coordinate relative to my image. This work fine with IE7. But in IE6 the offsetTop isn't giving the right information!
The IE7 will give me the correct offset of my image and his parent. But in IE6, there is 69 pixels more when looking at the offset of the parent. That means the calculation is off of 69pixels!
My question is the following: is there any way to get the correct offsetTop from IE6 ? Or is there any properties I should be looking at to get that information?
I'm developing a web site, I'm using IE7 on my development computer and everything is working fine. I had to test with IE 6, and something is not right. Here is a summary of the issue.
I got an image displayed in a DIV and I got mouse events on the image. On mouse down and mousemove, I will draw items in an invisible div over the image (that works perfectly in both versions of IE), but the problem occurs on MouseUp. The MouseUp will trigger on my "drawing form" (and not my image). I told myself, no worry since the image and the drawing canvas is the same size, I use the clientX and clientY with some calculation using the offsetLeft and offsetTop to get the coordinate relative to my image. This work fine with IE7. But in IE6 the offsetTop isn't giving the right information!
The IE7 will give me the correct offset of my image and his parent. But in IE6, there is 69 pixels more when looking at the offset of the parent. That means the calculation is off of 69pixels!
My question is the following: is there any way to get the correct offsetTop from IE6 ? Or is there any properties I should be looking at to get that information?
ASKER
I saw this post earlier, and I agree about the image, it is interesting. But it doesn't solve the problem. IE7 will give me (in my case) 80 pixels of offsetTop while IE6 gives me 149px. I'm using the same code on both platform (obviously).
I found that it is a known bug in IE6 (kb: 811808 - http://support.microsoft.com/kb/811808). I noticed (a little too late that the computer where I did some tests was not up to date with the windows update. I'm in the process of updating it hoping it may solve the problem.
Thanks for your time.
I found that it is a known bug in IE6 (kb: 811808 - http://support.microsoft.com/kb/811808). I noticed (a little too late that the computer where I did some tests was not up to date with the windows update. I'm in the process of updating it hoping it may solve the problem.
Thanks for your time.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Interesting image about how offsetTop is apparently calculated too.
Maybe this will help.