flow content following absolutely-positioned panel

[John A Grandy]

on my WebForm, Panel1 is positioned absolutely , with settings for Top ,
Left , Width , Height ...

Panel1 contains various sub-panels: PanelA , PanelB , PanelC ...

these sub-panels' content flows naturally ( PanelA 's content is immediately
followed by PanelB 's content, etc. )

however , if i remove the final sub-panel ( PanelX ) from Panel1 and place
it immediately following Panel1 , then PanelX 's content will appear at the
top of the web-form

does there exist a technique to cause PanelX 's content to immediately
follow Panel1 's content -- irrelevant of Panel1's Height setting ?

one technique would be to absolutely position PanelX ... but this is a
non-generalizable solution

 

[darrel]

Panel1 is positioned absolutely ,

Once you position something absolutely, you take it out of the document flow
of the DOM. So you're best off not absolutely positioning this DIV, OR...put
the other divs that you want to follow along with this div in a 'parent'
absolutely positioned div.

-Darrel

 

[John A Grandy]

problem is ... i'm using "page-break-before:always" in a div that separates
the two divs that should flow after one another on the screen .... (but not
during print)

therefore, i can't use a top-level absolutely positioned div

also, the first div must be absolutely positioned because the div above it
is absolutely positioned because it must be placed at a precise location on
the printed page

 

[darrel]

also, the first div must be absolutely positioned because the div above it
is absolutely positioned because it must be placed at a precise location on
the printed page

Then you are out of luck...you'll just need to absolutely position
everything. If you have to, you could use some javascript to grab heights
of divs post-rendering and then adjust the positioning of the divs after
that is calculated.

As for precise printing on paper, well, that's not really what the web was
designed for. ;o)

Perhaps a PDF output would be more appropriate?

-Darrel