Re: [css-d] overflow:hidden doesn't seem to define block for float
Well, no, unfortunately it doesn't, not in Firefox nor in IE. - Original Message - From: Philippe Wittenbergh [EMAIL PROTECTED] To: CSS-D css-d@lists.css-discuss.org Cc: Satyam [EMAIL PROTECTED] Sent: Wednesday, May 28, 2008 4:10 AM Subject: Re: [css-d] overflow:hidden doesn't seem to define block for float 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/ No virus found in this incoming message. Checked by AVG. Version: 8.0.100 / Virus Database: 269.24.1/1469 - Release Date: 27/05/2008 13:25 __ 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/
[css-d] overflow:hidden doesn't seem to define block for float
I 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 Satyam __ 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/
Re: [css-d] overflow:hidden doesn't seem to define block for float
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/
