On Apr 6, 2007, at 2:45 PM, Brandon Oto wrote: > Well, I hammered it out. It's either a widespread confusion in > implementation, or I'm just not grasping the point of how clear > works; I'm sort of assuming it's the latter, but someone can confirm. > Basically it comes down to whether clears are supposed to have > influence outside of the containing element. I did not think so; I > thought they only cleared as far as their parent; however, I never > used floats much, so I'm probably wrong. > > Easily illustrated as such: > > http://degreesofclarity.com/misc/test.html
That is the correct behaviour. Basically, the 'clear' property clears *all* floated elements in the same block formatting context [0]. If you want that clearing to affect only floats in your right column, you'll need to isolate it from the other float, by establishing a new block formatting context [1] for that column. You could float that column, or give 'display:table' (I don't recommend that one), or use the 'overflow' property. For IE win32, you could also trigger 'haslayout' [2] to isolate the column. [0] <http://www.w3.org/TR/CSS21/visuren.html#flow-control> [1] <http://www.w3.org/TR/CSS21/visuren.html#q15> [2] <http://www.satzansatz.de/cssd/onhavinglayout.html> Philippe --- Philippe Wittenbergh <http://emps.l-c-n.com> ______________________________________________________________________ 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/
