Hey there,

I'm trying to understand how to get the position of elements on the page... basically, how to find the position of a parent and then lining up the child to that parent.

I searched for hours on the web about offsetLeft and offsetParent... but it's not making sense.

I used this in an example for menus on the www.musiciansatlas.com website to get those submenus with less than three to line up under their parent menu.

But I have no clue what I did.

For Mozilla/Safari, I did:

Subnav5.style.left = Subnav5.offsetParent;

It works (don't ask me how), but is that the right syntax?

Donna

It's DZ again... I just wanted to be clear on the above.

the Subnav5.style.left is based on getting the ID of the sub-navigation menu. This sub-nav menu is the child of a list element in the master navigation menu. Thus it's
<div id="navigation>
<ul>
<li>Navigation Item 1</li>
<ul id = "Subnav5">
<li Subnav Item 1</li>
</ul>
</ul>
</div>

I'm just trying to see if I'm right in understanding that by using offsetParent, it's getting the <li Navigation Item 1> and not the <div id="navigation">.

I inherited this menu and changed the JavaScript because my bosses wanted those menu items with less than three to line up not on the left, but under the submenu.

It worked by doing the... Subnav5.style.left = Subnav5.offsetParent;
But is this correct logic?

I get really frustrated when I can't understand something.