Safari offsetParent/offsetLeft Problem!

ara.pehlivanian · Jan 13, 2005

I've got a script that determines the true position of an element in
the page by cycling up the .offsetParent elements all the way up to the
<body> element and tallying up the .offsetLeft values returned by each
element. It works fine on the major browsers (IE, Moz, NS) on PC but
Safari on the Mac returns "0" for the offsetLeft right off the body tag
when it should be a greater value than that.
Anybody already deal with this?

Thank you in advance!
Ara

Martin Honnen · Jan 13, 2005

I've got a script that determines the true position of an element in
the page by cycling up the .offsetParent elements all the way up to the
<body> element and tallying up the .offsetLeft values returned by each
element. It works fine on the major browsers (IE, Moz, NS) on PC but
Safari on the Mac returns "0" for the offsetLeft right off the body tag
when it should be a greater value than that.

You should not stop at the <body> element but walk up offsetParent till
it is null. Perhaps with Safari the <html> element adds an offset. Just
a guess however, I haven't looked into that with Safari now.

ara.pehlivanian · Jan 13, 2005

Hi Martin,

Thanks for the reply. The thing is, I was using .parentNode to cycle
through all the elements but that was returning very strange results
since not all parent nodes affected the offset of their children.
However by using .offsetParent I was able to get only those who
affected the offset of their children. I say this because using the
..parentNode method, I was able to get all the way up past the <body>,
past <html> all the way to <#document>. But this way I can't.

Besides, I don't even think it would help since Safari reports the
offset differently than IE, Mozilla and NS using the same code. :-(

Ara

Fred Oz · Jan 13, 2005

Hi Martin,

Thanks for the reply. The thing is, I was using .parentNode to cycle
through all the elements but that was returning very strange results
since not all parent nodes affected the offset of their children.
However by using .offsetParent I was able to get only those who
affected the offset of their children. I say this because using the
..parentNode method, I was able to get all the way up past the <body>,
past <html> all the way to <#document>. But this way I can't.

Besides, I don't even think it would help since Safari reports the
offset differently than IE, Mozilla and NS using the same code. :-(

Have you had a look here?

<URL:http://www.quirksmode.org/index.html?/viewport/compatibility.html>

It's not specific to Safari, but it offers some good tips and hints.

Firefox DOM -- offsetParent vs parentNode	2	Oct 27, 2006
Safari Javascript Problem	2	Oct 17, 2006
Why does an invisible FORM tag have offSetLeft == 8??	11	Feb 26, 2004
find position of iframe in Mac Explorer 5.x	1	Oct 16, 2005
onclick image coordinates from Konqueror and Safari	1	Sep 26, 2005
Safari scope problem with dynodes	8	Jan 5, 2007
Strange Safari onClick problem	3	Apr 21, 2008
Safari onMouseUp event	0	Dec 13, 2006

Safari offsetParent/offsetLeft Problem!

ara.pehlivanian

Martin Honnen

ara.pehlivanian

Fred Oz

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads