BrianBaley
asked on
<DIV> layer "relative" position
Hi,
I cannot figure out how to set the position of a <DIV> "relative" to that of another object etc...
for instance... If i wanted to "float" the position of a <DIV> based on the Top+Height of another <DIV> etc...
e.g. - defined in My.CSS like;
#mainbody { position: absolute; z-index: 9; top: 184px; left: 220px; visibility: visible }
I cannot figure out how to set the position of a <DIV> "relative" to that of another object etc...
for instance... If i wanted to "float" the position of a <DIV> based on the Top+Height of another <DIV> etc...
e.g. - defined in My.CSS like;
#mainbody { position: absolute; z-index: 9; top: 184px; left: 220px; visibility: visible }
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Then how is it that my example works as described?
It works because the absolute positioned element has the documentElement as its parent and offsets from the top-left of the page. The two inner divs correct position relative to a static position in their parent; the outer div. The relationship to the bady itself is merely because the parent of the outer div is the documentElement and your statement that absolute position is a shortcut for relative to the body is still incorrect.
And of course that kind of rigid approach using hard coded values for everthing is likely to be badly broken in a lot of browsers where user preferences are different than the those anticipated by the developer.
Position is the weakest and least useful of the CSS attributes, and I rarely use it because it limits cross-platform flexibility.
Cd&
And of course that kind of rigid approach using hard coded values for everthing is likely to be badly broken in a lot of browsers where user preferences are different than the those anticipated by the developer.
Position is the weakest and least useful of the CSS attributes, and I rarely use it because it limits cross-platform flexibility.
Cd&
If the definition of the containing block is causing you some confusion might I suggest:
http://www.w3.org/TR/REC-CSS2/visudet.html#containing-block-details
However be aware that IE is not exactly to standards because of the way it uses margins and padding.
Cd&
http://www.w3.org/TR/REC-CSS2/visudet.html#containing-block-details
However be aware that IE is not exactly to standards because of the way it uses margins and padding.
Cd&