Zoe M. Gillenwater wrote: > http://www.pixelsurge.com/experiment/ie-float-clear-bug.html > > The basic structure is: > > <div id="right-float-1"> > <p>This div is floated to the right.</p> > <p>Lots of text so you can see the problem...</p> > </div> > <p>Text...</p> > <div id="right-float-2"> > <p>This div is floated to the right and also cleared to the > right so that it sits below the earlier right float.</p> > </div> > <p>More text...</p> > > There are two right floats on the page, with some static, non-floated > content between them in the source. The second float has "clear: right" > applied so that it will not hook on the first float but will display > beneath it. In IE, when the second float clears the first one, however, > all content following that second float seems to clear the first float > as well, instead of flowing up beside the first float as it ought to.
Zoe, I'm absolutely not sure, but it looks like the problem on that page and the fix I am suggesting are somehow related to what Bruno has described here http://www.brunildo.org/test/IEWfc.html So basically, a float itself should be able to drag the following in-flow container along on its way up -- past the blocking float+clear #right-float-2. This #right-float-2 would like to come with it, but must fail due to its clear:right. .clear_solvent {float:left; width:0px; height:0px;} <div id="right-float-1"> <p>This div is floated to the right.</p> <p>Lorem ipsum dolor sit amet,...</p> </div> <p><strong>This paragraph is not floated ...</strong></p> <div class="clear_solvent"><!----></div> <div id="right-float-2"> <p>This div is floated ...</p> </div> <p><strong>This paragraph is not floated and sits in the source after the second right float. ...</strong></p> Seems to work in my browsers, including IE7b2. Ingo -- http://www.satzansatz.de/css.html ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d 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/
