relative positioning with CSS

[Tom]

Hi
I have a 2 column layout - white on one side and grey on the other.
I want to insert 2 further columns into the grey side as nested divs.
Is the positioning of the div relative to the div that it is nested within,
or to the page itself
For an example of what I am trying to achieve:
www.irishmx.com/demo.gif
Any thoughts welcomed
Thanks
T

 

[m]

Hi
I have a 2 column layout - white on one side and grey on the other.
I want to insert 2 further columns into the grey side as nested divs.
Is the positioning of the div relative to the div that it is nested within,
or to the page itself
For an example of what I am trying to achieve:
www.irishmx.com/demo.gif
Any thoughts welcomed
Thanks
T

The position of any object on your page, not just <divs> is
relative to the immediate containing element. The nesting can
be carried as deep as your visitor's sanity allows.

 

[brucie]

I have a 2 column layout - white on one side and grey on the other.
I want to insert 2 further columns into the grey side as nested divs.

any particular reason why? a 3 col layout would be much more robust
and easier.

For an example of what I am trying to achieve:
http://www.irishmx.com/demo.gif

go for 3 cols

 

[Toby A Inkster]

Is the positioning of the div relative to the div that it is nested within,
or to the page itself

The position of a relatively positioned element is relative to where it
would have been placed if you didn't try to fiddle with its position.

OTOH, absolutely positioned elements are positioned relative to the top
left corner of their nearest non-statically positioned ancestor.

 

[Tom]

Thanks guys for the tips/advice.