relative positioning with CSS
 

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

Re: relative positioning with CSS
 

Tom wrote:
> 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.



--
Cheers from m at http://www.mbstevens.com
via Pinguin and Dragon -- 0% Gatesbloat.

Re: relative positioning with CSS
 

In post <bm6na9$ntc$1@kermit.esat.net>
Tom said...

> 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

--
brucie.
11/October/2003 08:08:57 am

Re: relative positioning with CSS
 

Tom wrote:

> 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.

--
Toby A Inkster BSc (Hons) ARCS
Contact Me - http://www.goddamn.co.uk/tobyink/?id=132

Re: relative positioning with CSS
 

Thanks guys for the tips/advice.
>