Forum Moderators: not2easy

Message Too Old, No Replies

Text flow around a fixed position div

is there any way to force text to flow *around* a fixed position div?

         

Max_Tirade

4:33 am on Nov 29, 2003 (gmt 0)

10+ Year Member



The page has a div housing the nav (let's call it the "nav box") positioned in the top right corner of the viewport (position has been set to fixed so it won't scroll along with the page contents). However, the nav box doesn't extend the full length of the viewport - it ends considerably before the bottom.

What I am trying to accomplish is to make the text flow around the div to both the left and beneath the nav box as you scroll down the page, rather than running underneath it. The text would appear roughly in the shape of an "L" as it flows around the nav box.

I tried placing an invisible gif, slightly larger than the size of the nav box and underneath it, within the main page text so as to create an artificial border. This works when you dispay the page initially, but upon scrolling the text starts running underneath because the gif scrolls along with the page. Using "padding" and "border" commands only push it away from the top right corner and don't affect the behavior of the main page contents.

So my question is, is there any way to force text to flow around this - or any - fixed-positioned container?

SuzyUK

7:47 pm on Nov 29, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Welcome To WebmasterWorld...

is there any way to force text to flow around this - or any - fixed-positioned container?

No..
see the full reference [w3.org], relevant quotes follow...

fixed
The box's position is calculated according to the 'absolute' model..

which basically means..

absolute..... Absolutely positioned boxes are taken out of the normal flow. This means they have no impact on the layout of later siblings.

Suzy

Max_Tirade

8:13 pm on Nov 29, 2003 (gmt 0)

10+ Year Member



Yeah, that's what I thought - I went through the specs pretty carefully beforehand, just wondering if anyone had figured out a hack to accomplish this. *sigh* back to using frames, I suspect.

Thanks for the reply!