Thanks for the suggestion, Darian. It doesn't work, but it does illustrate precisely why I'm feeling stumped. This seems to just pushes the top of the sidebar down... but the adjacent paragraph continues to wrap as though it was still there. Here's a screenshot of that...
http://www.vancouvermassage.ca/screenshot2.jpg How the devil can I push the top edge downwards AND have the document content flow above as well as beside it...? It's so easy with an img! Paul On 4/28/04 7:34 PM, "Darian Cabot" <[EMAIL PROTECTED]> wrote: > Off the top of my head, here's an example... > > *** In your CSS: *** > > #sidebar { > position: relative; > top: 5em; > float: right; > width: 200px; > padding: 10px; > } > > > *** HTML: *** > > <div id="container"> > <div id="sidebar">Side bar stuff</div> > <p class="large-paragraph"> > Blah blah blah... > </p> > </div> > > > This might not work (>_<) hehe sorry... I'm in my lunch break and can't > test now. Maybe it'll help you find the solution though. > > Goodluck ^^ > > Darian Cabot > -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- > Cabot Consultants Pty Ltd > Software Engineer / Website Design > http://www.cabotconsultants.com.au > -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- > > >> I guess I probably should have just done that in the first place. >> >> Here's how it looks now, to help with the grokking... >> >> http://www.vancouvermassage.ca/screenshot.jpg >> >> Unfortunately, I have no picture of how I want it. :-) But it's very >> simple. I just want to move the sidebar down, so that some of the large >> paragraph flows above as well as beside it. Should be easy, I'd think. >> >> I tried changing the top margin, of course, but that just pushes it >> downwards without the adjacent paragraph flowing into the space above the >> sidebar. >> >> Paul >> >> >>> Do you have a picture or URL? Then we can grok it in fullness. >>> >>> Cheers >>> James >>> >>> Paul Ingraham wrote: >>> >>>> Okay, you guys made good short work of my first simple css question, >>>> and it >>>> was a great introduction to this list. Thank you all. Now it's time >>>> for >>>> another! >>>> >>>> I want a sidebar, and I've created one. Looks lovely. A couple >>>> paragraphs >>>> inside a div, floated off to the right and breaking the right margin. >>>> Little background, little border, and so far so good. Looks like this: >>>> >>>> >>>> main content main content main content >>>> main content main content main content >>>> >>>> main content main sidebar sidebar sidebar sidebar >>>> main content main sidebar sidebar sidebar sidebar >>>> main content main sidebar sidebar sidebar sidebar >>>> main content main sidebar sidebar sidebar sidebar >>>> main content main sidebar sidebar sidebar sidebar >>>> >>>> main content main content main content >>>> main content main content main content >>>> >>>> >>>> Just one problem. The top of the sidebar is always on the same line as >>>> the >>>> adjacent paragraph. I'd rather have this: >>>> >>>> >>>> main content main content main content >>>> main content main content main content >>>> main content main sidebar sidebar sidebar sidebar >>>> main content main sidebar sidebar sidebar sidebar >>>> main content main sidebar sidebar sidebar sidebar >>>> main content main sidebar sidebar sidebar sidebar >>>> main content main sidebar sidebar sidebar sidebar >>>> main content main content main content >>>> main content main content main content >>>> >>>> >>>> Just like wrapping text around an inline image. Like so: >>>> >>>> <p>Blah blah for a couple lines <div >>>> class="rightfloatedsidebar">rhubarb >>>> rhubarb rhubarb</div> and the some more blah blah blah.</p> >>>> >>>> Which obviously doesn't work, because you can't put divs inside a >>>> paragraph, >>>> but I don't know what else to do. I did try to declare div.sidebar >>>> {display:inline}, thinking that might magically make my div into an >>>> inline >>>> object, but that caused chaos. >>>> >>>> Am I making any sense? Does anyone know what I'm after... and how to >>>> do it? >>>> >>>> Thanks in advance. >>>> >>>> Paul >>>> >>>> >>>> ***************************************************** >>>> The discussion list for http://webstandardsgroup.org/ >>>> See http://webstandardsgroup.org/mail/guidelines.cfm >>>> for some hints on posting to the list & getting help >>>> ***************************************************** >>>> >>>> >>>> >>>> >>> ***************************************************** >>> The discussion list for http://webstandardsgroup.org/ >>> See http://webstandardsgroup.org/mail/guidelines.cfm >>> for some hints on posting to the list & getting help >>> ***************************************************** >> >> ***************************************************** >> The discussion list for http://webstandardsgroup.org/ >> See http://webstandardsgroup.org/mail/guidelines.cfm >> for some hints on posting to the list & getting help >> ***************************************************** > ***************************************************** > The discussion list for http://webstandardsgroup.org/ > See http://webstandardsgroup.org/mail/guidelines.cfm > for some hints on posting to the list & getting help > ***************************************************** ***************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *****************************************************
