Hrm. Using your original code but removing overflow: hidden proves just as interesting. I'm getting 4 different behaviors -- FF, Webit, Opera and IE.
On Wed, Oct 13, 2010 at 10:39 AM, Jan Limpens <[email protected]> wrote: > it seems to stem from floats inside of floats and becomes only visible if > overflow:hidden, I suppose. An updated sample: > (This is already a filed bug at webkit, I just wonder how people patch this > behaviour right now...) > > <!DOCTYPE html> > <html> > <head> > <title>float & width</title> > > > <style type="text/css"> > > div { > > float: left; > > height: 50px; > } > > > div.section { > background-color: green; > > } > > div.section div.content { > > background-color: red; > > overflow: hidden; > > } > > p { > clear: both; > > } > > </style> > </head> > <body> > <p>width: 0 => Bug</p> > > <div class="section"> > > <div class="content" style="width: 0;">some content that should > not affect this div's width.</div> > </div> > <p>width: 1px => good</p> > > <div class="section"> > > <div class="content" style="width: 1px;">some content that should > not affect this div's width.</div> > </div> > </body> > </html> > > You are right, that it is the parent's width that's buggy. Yo do not > see any red and only green... > > This seems so basic to me, I wonder what I could do... > > - Show quoted text - > > On Wed, Oct 13, 2010 at 12:19 AM, Thierry Koblentz <[email protected]> wrote: > >> > This markup shows my problem: >> > Webkit browsers seem to create an erroneous width on overflow:hidden >> > elements inside of overflow:hidden elements, when their width is set to >> > 0. >> >> Interesting bug. But I see it differently. >> Webkit creates an erroneous width for the parent, not for the element with >> a >> 0 width. >> The DIV shows as green, right? Not as red (background color of the nested >> DIVs). >> Also, try to reduce the test case and you'll see that overflow:hidden does >> not have anything to do with this. >> >> >> -- >> Regards, >> Thierry >> www.tjkdesign.com | www.ez-css.org | @thierrykoblentz >> >> > > > -- > Jan > > On Wed, Oct 13, 2010 at 12:19 AM, Thierry Koblentz <[email protected]> wrote: > >> > This markup shows my problem: >> > Webkit browsers seem to create an erroneous width on overflow:hidden >> > elements inside of overflow:hidden elements, when their width is set to >> > 0. >> >> Interesting bug. But I see it differently. >> Webkit creates an erroneous width for the parent, not for the element with >> a >> 0 width. >> The DIV shows as green, right? Not as red (background color of the nested >> DIVs). >> Also, try to reduce the test case and you'll see that overflow:hidden does >> not have anything to do with this. >> >> >> -- >> Regards, >> Thierry >> www.tjkdesign.com | www.ez-css.org | @thierrykoblentz >> >> > > > -- > Jan > ______________________________________________________________________ > 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-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/
