Greetings! I am currently working with some elements that look like this:
<div id="one">content</div>
<div id="two">content</div>
These elements are followed by another set of elements (without any parent, placed directly after the body tag) which have the following CSS property:
position: absolute;
Each of these additional elements has an ID similar to this example:
id="helper-one" refers to id="one"
My goal now is to position the second group of elements exactly in the middle (both vertically and horizontally) of the elements they refer to. How can I achieve this?
I attempted using offset:
var one_offset = $("#one").offset();
$("#helper-one").offset({ top: one_offset.top, right: one_offset.right, left:one_offset.left, bottom: one_offset.bottom})
However, this code only sets the position for the top and left, resulting in the helper element being positioned at the top-left corner of the target rather than its center.