Topic: CSS Positioning... (Page 1 of 1)

Okay, for those of you familiar with CSS-based layouts, a common trick is to nest an absolute positioned DIV inside a relative positioned DIV in order to reset the positioning context. In other words, this allows you to position a DIV absolutely from a relative position. This is useful if you have a header of variable height (depending on font size or somethign) and you want to use an absolute layout for whatever comes after it.

The problem I've run into is that absolute positioning pulls a DIV out of the flow of the page, so if you want to have something that flows in after your relatively positioned DIV you run into the problem of it appearing underneath the absolutely positioned stuff. Apparently because the relatively positioned DIV shrinks to the size of all non-absolute items within it.

So the moral, as far as I can tell is that once you start down the absolute positioning path in a page, you have to continue using absolute positioning for the rest of the page. Anybody have any clever tricks to work around this limitation? So far I'm stuck using the old ALA trick of margins and floats which is fairly limiting in terms of what you can do. I feel like there's some trick I'm missing tha would make CSS layouts really come together.

-jiblet

jiblet: Nothing specific but see:
http://development.gurusnetwork.com/discussion/thread/2244/

and pos.:
http://development.gurusnetwork.com/discussion/thread/2255/

___________________
Emps

FAQs: Emperor

Hmm, thanks for the links. All the evidence points to the fact that absolute and static positioning can't be mixed (well absolute can go AFTER static, but not the other way around) when variable heights are involved. Oh well, it's not THAT much of a limitation.

-jiblet