Zoe M. Gillenwater wrote:
> I have a series of floats, scattered throughout paragraphs.
> The floats also have clears on them so that they stack under
> each other. The
> paragraphs of text are static and in the flow. They should each
> immediately follow each other without regard for the floats
> -- in other words, rise up as far on the page as they can.
> In IE, paragraphs that follow the cleared floats seem to
> clear as well, leaving large gaps.
The only "pseudo-workaround" that I know of (and that preserves the wrapping
of longer paragraphs below the floats) was proposed some time ago by Ingo.
It requires the addition of dummy elements in the markup:
Add an empty float, not cleared, before any float+clear (except the first
one.) This is (badly) described in case 4 of my page.
I just tried this on your test page, and it seems to work:
<div class="fixfc"><!-- --></div>
before your second float+clear, with this style:
float: right; height: 0;
clear: none; border: 0 none; /* these are just to override... */
Of course that's bad since requires modifying the markup.
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/