[------- Le 02/02/2006 19:38, Ingo Chao a écrit : -------]
> .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.
1) I had to applied a style="margin-left: -3px" to div.clear_solvent to
avoid the second paragraph that is not floated to have an unexpected
(very small) left margin in IE6.
.clear_solvent {
float: left;
width: 0;
height: 0;
margin-left: -3px;
}
2) As we are compelled to include an additional div.clear_solvent that
is empty and is only necessary to IE. In the HTML, we can nclue it in a
Conditional Comment so that only IE will see that div:
<!--[if IE]>
<div class="clear_solvent"></div>
<![endif]-->
(I have deleted the comment inside the div.clear_solvent to avoid
</div> to be seen by other browsers.)
--
Philippe DE MOURA
><> phdm ><>
______________________________________________________________________
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/
