I agree. For me, it's the most elegant way. You can find more info here:
http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/
<http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/>
For me, the perfect "implementation" of this method is:
div { /* the div that contains the floated elements */
overflow: hidden; /* will do the clearing */
height: 100%; /* fix many inconsistencies in IE6 */
}
I have written a post about this at Textpattern forum sometime ago:
http://forum.textpattern.com/viewtopic.php?id=20059
On 8/16/07, *Dan Dorman* <[EMAIL PROTECTED]
<mailto:[EMAIL PROTECTED]>> wrote:
On 8/16/07, Jon Hughes <[EMAIL PROTECTED]
<mailto:[EMAIL PROTECTED]>> wrote:
> Does anyone know of an unobtrusive way to do the same thing without
> using the br/?
Applying overflow: auto to the element containing the floats has
worked well for me, although I believe there may be some caveats as
regards IE or something like that. I haven't run into any situations
where it's been a problem yet.
Dan Dorman
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
<mailto:css-d@lists.css-discuss.org>]
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://evolt.org> --
http://www.evolt.org/help_support_evolt/
______________________________________________________________________
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/
