Peter,

"position: absolute" is a two edged sword. It allows you to position an
element exactly where you want (within a relatively positioned item in your
case), but it has downsides in certain circumstances.

The biggest downside is that absolutely positioned items are completely
removed from the normal flow. So inline items below it could flow up
undernieth this item. While you can work around this problem or make
allowances for it, there is no way to "clear" an absolutely positioned item.

The quickest example of this is a three column layout with one or more
columns set to absolute. It is not safe to run a footer across under all
columns as this footer may (in certain circumstances) flow underneith the
absolutely positioned column/s. Make sense?

Just something to be aware of...
Russ



> Opinions welcome:
> 
> I'm working on a new job and looking at code on various sites I recently
> discovered the joys of creating a container that is centred position:relative
> with margin: 0 auto; in the browser window, and then setting divs within it
> that are position:absolute ,using top , left, width and height pixel settings,
> to the container. So far (up to the coloured boxes stage of the proceedings -
> thanks Russ!) everything seems to be working beautifully.
> 
> Is it my imagination or is this method so much easier to work with than
> fiddling about with floats? I was shocked to see my layout work in all the
> test browsers, first time.
> 
> Peter

*****************************************************
The discussion list for http://webstandardsgroup.org/
***************************************************** 

Reply via email to