On May 28, 2008, at 1:51 AM, Satyam wrote: > have tried to use floats to arrange several items on the screen. > One of > the floats has a div and that one has floats inside. Though the div > is set > with overflow:hidden, one of the floats inside spills over. > > Actually, it does so in one of the layouts, I use two different > layouts for > the same HTML, one left to right, the other right to left, one does > fine the > other doesn't. Moreover, they behave quite differently in FF and IE. > > The issue is shown and explained here, including a table-based > sample of > what I want to achieve in the one that fails: > > http://www.satyam.com.ar/floats.html
1. you don't need to add the 'overflow:hidden to div class='inputFields radio'. That block is floated, and thus establishes a block formatting context per CSS2.1:9.4.1 – it will always contain nested floats. 2. The 'label' inside the above div drops below the radio button, because the radio is wrapped in a div. you'd need to float (float:right) both div.input and div.label. That should result in the display you want in modern borwsers, if I understand it all correctly. I haven't had a look at what IE does. Philippe --- Philippe Wittenbergh http://l-c-n.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/
