如何根据另一个“ div”元素水平对齐一个“ div”元素

Question

I have two 'div' elements.The first one changes its position dymanically when the window(browser's window) is resized(including dragging the borders of the window). The other one is static and doesn't move.I can not put them in the same div because they are in two different files that get loaded in the same page as partial views.

I know that you probably want to see the divs themselves and the styles applied to them but I don't kno if I won't get it even more messed up for explaining.

I was just wondering if it is possible by JavaScript or whatever to get the position(and more specially the horizontal positioning) of an existing 'div' element and assign it to another so whenever I resize the window the second 'div' gets situated according to the other one?

EDIT : I am pretty much sure that I have to change the 'offsetLeft' property of the second 'div', because when I resize the window this is what dynamically changes in the first one's properties.

Answer 1

Use jQuery and you can retrieve all kinds of information about the positioning of elements, quite easily.

A great piece of jquery that will do this, is the $.position() function:

http://api.jquery.com/position/

Fiddle:

http://jsfiddle.net/cQ4aX/1/