N
Nick Stansbury
Hi,
I am trying to produce a series of web controls which will always
position themselves at the very top left hand corner of the page. However
I've come across a problem that should have been obvious - which is that
when the controls are nested several layers deep inside div's (which is
unavoidable) - up to n-layers deep - they position themselves absolutely -
but only relative to the top left hand corner of their parent div:
Now I know that if every div the tree is positioned absolutely I can
use the offsetParent property in a dhtml function to recurse up the tree and
add them together to correctly position the div to the top left - however I
can't find a way of continuing to recurse up the tree using the offset
parent if any of the div's aren't positioned absolutely.
Is there an easy way to get around this problem? Am I missing something
obvious? Can anyone help?
Thanks
Nick
i.e
<div id=myWebControl1>
<span>
Label text:
</span>
<input tpe=text>bah</input>
<div id=mWebControl2>
<div id=mWebCotrol3> <!-- Take this control and position it
absolutely to the top left hand corner at 0,0-->
</div>
</div>
</div>
I am trying to produce a series of web controls which will always
position themselves at the very top left hand corner of the page. However
I've come across a problem that should have been obvious - which is that
when the controls are nested several layers deep inside div's (which is
unavoidable) - up to n-layers deep - they position themselves absolutely -
but only relative to the top left hand corner of their parent div:
Now I know that if every div the tree is positioned absolutely I can
use the offsetParent property in a dhtml function to recurse up the tree and
add them together to correctly position the div to the top left - however I
can't find a way of continuing to recurse up the tree using the offset
parent if any of the div's aren't positioned absolutely.
Is there an easy way to get around this problem? Am I missing something
obvious? Can anyone help?
Thanks
Nick
i.e
<div id=myWebControl1>
<span>
Label text:
</span>
<input tpe=text>bah</input>
<div id=mWebControl2>
<div id=mWebCotrol3> <!-- Take this control and position it
absolutely to the top left hand corner at 0,0-->
</div>
</div>
</div>