> On Behalf Of Travis Miller > Sent: Friday, February 22, 2008 9:50 AM > To: [email protected] > Subject: [css-d] How to handle nested floats? > > Hi everyone - > > New member here. I'm looking for help with a problem that I'm sure many of you > have faced. > > I regularly use floats to create multi-column layouts, and it works very well. > However, it get problematic when you need to float elements *within* those > columns. > > Say you have a two-column layout. Inside one of those columns, stacked > vertically, you have teasers for several other pages. Each teaser consists of > a thumbnail image and a paragraph of text. > > The thumbnail image should be floated left, with the paragraph wrapping around > it. And since you don't know how long the paragraph will be, you need to clear > the float immediately after the paragraph. > > *However*: doing this clears *all* left floats, including those on the columns > - which is not the desired behavior. > > Does this make sense? I can knock together an example if it doesn't. > > Is there a graceful way around this problem?
This may help: http://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/
