Maybe something like this? I only looked at it in FF on Fedora 3. Tried
loading your original source just now, but it's not loading for me so
you might want to compare to what you had. This creates a block element
floated right and the text wraps around the block.
----------------------------------------------------
<html>
<body>
<div>
<div style="float: right; width: 200px; background: grey; display:
block;">This is the left box that floats to the right. Lorem Ipsum is
simply dummy text of the printing and typesetting industry. Lorem Ipsum
has been the industry's standard dummy text ever since the 1500s, when
an unknown printer took a galley of type and scrambled it to make a type
specimen book. </div>
<h1>Lorem Ipsum is simply dummy text of the printing and typesetting
industry. Lorem Ipsum has been the industry's standard dummy text ever
since the 1500s, when an unknown printer took a galley of type and
scrambled it to make a type specimen book. It has survived not only five
centuries, but also the leap into electronic typesetting, remaining
essentially unchanged. It was popularised in the 1960s with the release
of Letraset sheets containing Lorem Ipsum passages, and more recently
with desktop publishing software like Aldus PageMaker including versions
of Lorem Ipsum.</h1>
</div>
</body>
</html>
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/
