21653 2008-10-16 13:15:10 -0700 whole page has incorrect layout 2011-10-24 08:30:16 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) PC Windows XP RESOLVED INVALID http://video.sina.com.cn/pv/ P2 Normal --- 0 anantha webkit-unassigned tabatkins oldest_to_newest 95568 0 anantha 2008-10-16 13:15:10 -0700 I Steps: Go to http://video.sina.com.cn/pv/ II Issue: whole page has incorrect layout III Conclusion: The issue is caused by the child <div> 's style: float: left. Notice that the style='float:left' is specified in the child <div> not the parent <div>, so the content after the parent <div>(in this case it is a table) should be rendered in a new line, however webkit/FF3 parses the code wrongly and just let the content follow the parent <div>, not start in a new line webkit/FF3 take the child's style style='float:left' as the parent's style III Other Browsers: IE7: ok FF3: not ok IV Nightly tested: 37382 95569 1 24406 anantha 2008-10-16 13:15:12 -0700 Created attachment 24406 reduction.zip 489344 2 tabatkins 2011-10-24 08:30:16 -0700 The referenced site no longer seems to have a problem, but based on the attached testcase, this is expected behavior. Here is an inline variant of the testcase (slightly altered for readability only): <!DOCTYPE html> <div id=container> <div id=float>I'm a float!</div> </div> <div id=following>I'm the last thing on the page!</div> <style> #container { width: 500px; border: thick dotted red; } #float { float: left; width: 500px; height: 200px; background: silver; } #following { width: 500px; height: 200px; background: cornflowerblue; display: table; } </style> Because #container is not a BFC, it will not contain its float. You can see by its border that it is zero-height. Thus, any following content will go directly below it, *not* below the float unless the 'clear' property is used. (Depending on exactly how you structure the testcase, it may *look* like the content goes below the float, if the following content is not a BFC and contains text.) As such, I'm marking this as INVALID, since this is expected behavior. 24406 2008-10-16 13:15:12 -0700 2008-10-16 13:15:12 -0700 reduction.zip reductions.zip application/octet-stream 469 anantha UEsDBAoAAAAAAI2GSjkAAAAAAAAAAAAAAAALAAAAcmVkdWN0aW9ucy9QSwMEFAAAAAgAz4WHOOvV 2svbAAAAsQEAABsAAAByZWR1Y3Rpb25zL3Rlc3QtcXVyaWtzLmh0bWytUDFuAyEQ7CPlDysaV9ad L1WcgyY/yA/ArA0SPi7cxM79PguOpRRJlwIYZrQ7szsGnJMZA1tv6PFhRERiM3btbcyZYSkA85bf P+JFq9c8gSdssc6s6HD7aQX+RFe7vdAh2LIw9MkNT7tB/dJYiK56ChDosl8r5eOFFqyJ9eYaPcL+ ue83IhD9lI4pW+wTH/GtwbrE1Cq0VFDgeAqSaOh7RS4Xz0WrnTIjihxv3nguvEjohRD4PgHFicRF Evoas8jVGt88OpHqHA0I9V+mjlO+/uVb7e67aasV8AVQSwECFAAKAAAAAACNhko5AAAAAAAAAAAA AAAACwAAAAAAAAAAABAAAAAAAAAAcmVkdWN0aW9ucy9QSwECFAAUAAAACADPhYc469Xay9sAAACx AQAAGwAAAAAAAAAAACAAAAApAAAAcmVkdWN0aW9ucy90ZXN0LXF1cmlrcy5odG1sUEsFBgAAAAAC AAIAggAAAD0BAAAAAA==