467,880 Members | 1,113 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 467,880 developers. It's quick & easy.

flow content following absolutely-positioned panel

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

Nov 18 '05 #1
  • viewed: 1588
Share:
3 Replies
> 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
Nov 18 '05 #2
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" <no*****@hotmail.com> wrote in message
news:%2****************@TK2MSFTNGP12.phx.gbl...
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

Nov 18 '05 #3
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
Nov 18 '05 #4

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

11 posts views Thread by Robert Bowen | last post: by
2 posts views Thread by bugbear | last post: by
4 posts views Thread by Bernd Schlingenkamp | last post: by
5 posts views Thread by meltedown | last post: by
15 posts views Thread by c676228 | last post: by
2 posts views Thread by Axel Siebenwirth | last post: by
2 posts views Thread by johkar | last post: by
reply views Thread by MrMoon | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.