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/
