I do see what you mean on this. In the last example I sent, I added a background: yellow to the H1...the color fills the entire element and the right floated div just 'sits on top' of the H1 level in the document. You could add a border to the floated element that matches the color of the background to get the look of the background yellow wrapping around the floated div. Other than that, I don't have another idea on how to accomplish what I think you're going for...
Anyone else? -d On Tue, 2005-05-10 at 11:14 -0400, Jonathan Abbett wrote: > Diona-- > Thanks for the suggestion. I guess my illustration left out one > important aspect. With enough text, I would like the left-side stuff to > eventually spread out beyond the right float, i.e.: > > HEADER_WITH_BORDER_ RIGHT RIGHT > xxxx xxxx xxxx xxxx RIGHT RIGHT > xxxx xxxx xxxx xxxx RIGHT RIGHT > xxxx xxxx xxxx xxxx RIGHT RIGHT > xxxx xxxx xxxx xxxx > xxxx xxxx xxxx xxxx xxxx xxxx xxxx > xxxx xxxx xxxx xxxx xxxx xxxx xxxx > > Perhaps there's a "block" type that prevents borders/backgrounds from > extending underneath other elements? > > --Jon > > Diona Kidd wrote: > > Jon, > > > > Usually when I do something like this, I would add a container div > > around the entire area with a width and left floated div around the H1 > > element and set a width for that as well, leaving the silver 'float' > > element you already have as-is. > > > > Diona > > > > > > > > On May 10, 2005, at 10:04 AM, Jonathan Abbett wrote: > > > >> [I apologize if this question has been asked before. I haven't yet > >> been able to formulate any Google queries that return information > >> related to my problem, so this post is a last resort!] > >> > >> My issue is such: I have a DIV which is set to float to the right. > >> Next to the DIV (on the left), I have an element containing text with > >> a background and/or border. The text accurately wraps around the > >> floating DIV, but the background and border span the width of the page > >> and appear "below" the floated DIV. > >> > >> I have illustrated it here: > >> > >> http://www.abbett.org/css_float_problem.html > >> (related CSS visible in source) > >> > >> As you can see from the illustration, I'd like to make the background > >> and border of my left-side element respect the margins of the floated > >> DIV, like the text does. > > ______________________________________________________________________ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
