Right Aligned Nested Div Goes Off

[vunet]

Hello,
I have a div inside of the div:

<div id='container' style='position:relative;width:500px;'>
<div id='right' style='position:absolute;width:50%;right:
0px;'>right</div>
container
</div>

with that CSS above, 'right' div is aligned to right of the page, not
container, even though it is nested. It gets fixed when I set
container to have position:absolute. What CSS properties should I be
looking at in this case?
Note: example above is not the test-case but just an explanation.
'container' is nested within other HTML tags in real code.

Thank you for ideas.

 

[Jeff]

Hello,
I have a div inside of the div:

<div id='container' style='position:relative;width:500px;'>
<div id='right' style='position:absolute;width:50%;right:
0px;'>right</div>
container
</div>

with that CSS above, 'right' div is aligned to right of the page, not
container, even though it is nested.

Absolute is always absolute to the page. Relative is to it's normal
place in the document flow. You probably want to look at float: right,
and then you may wish to float your other div.

Jeff



It gets fixed when I set

 

[Bergamot]

'right' div is aligned to right of the page, not
container, even though it is nested. It gets fixed when I set
container to have position:absolute.

Your code snippet is not telling the whole story. Post a URL.