Yeah, I can see the problem. But in most cases we would set a left margin on the content div to reserve space for the left column, so this issue may not that important. I think the big problem of this clearing way is that the cleared element would stay below *All* previous floats, see this demo: http://fouragency.co.uk/test.html You can see the yellow box of content div extends to below the left sidebar, instead of just enclosing the text and the float within its content.
Thanks On Thu, Nov 6, 2008 at 10:38 AM, Thierry Koblentz <[EMAIL PROTECTED]> wrote: > > On Wed, Nov 5, 2008 at 11:12 PM, Serge Krul <[EMAIL PROTECTED]> > wrote: > > > > > Hi, > > > > What is the best way of forcing a container box enclose its floats? > > > > > > From my experience the best way is to use the "easy > > clearing<http://www.positioniseverything.net/easyclearing.html> " > > > technique. It's far more stable than overflow:auto, and overflow:hidden > is > > > not suitable in most cases (for example you wouldn't want your > horizontal > > > menu to hide some of your list items when text size is increased). > > fwiw, I don't agree. The problem with the easy clearing method is that it > styles the element differently depending on browsers. > To understand the issue, check example #2 (The .clearfix method) on my demo > page: > > http://www.tjkdesign.com/articles/block-formatting_context/newBFC.asp > > > -- > Regards, > Thierry | http://www.TJKDesign.com > > > > > ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
