Ray Costanzo wrote:
> I have a div that contains two spans, each with a floating attribute 
> set. There is no line-break in IE7 or Firefox 2.0.0.1 unless I have 
> some other content in the div outside of the floating spans.  Can 
> anyone explain to me why this is works this way, and/or a better way 
> to get it to behave the way I'd like it to.

You turn those spans into floats, which means they are no longer
contained in their div.

I've turned your example into a page...
<http://www.gunlaug.no/tos/alien/test_07_2590.html>
...and styled the first div to 'contain floats' - by turning the div
itself into a 100% wide float. Floats will expand to contain floating
children, as long as they are /allowed/ to expand to do so. Thus, no
height set on that div.

This demonstrates just _one_ of the methods available for 'containing
floats', but it should make the concept of 'containing floats'
understandable.

regards
        Georg
-- 
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/

Reply via email to