RESOLVED INVALID 21692
div overlaps another div due to float:right
https://bugs.webkit.org/show_bug.cgi?id=21692
Summary div overlaps another div due to float:right
jasneet
Reported 2008-10-16 17:13:47 PDT
I Steps: Go to the attached testcase II Issue: the issue happens because the 4th div covers the other 3 div. the cause of covering is that there is a style "float:right" in the first 3 div but missing in the 4th div. III Other Browsers: IE7: ok FF3: not ok IV Nightly tested: 37604
Attachments
testcase (891 bytes, text/html)
2008-10-16 17:14 PDT, jasneet
no flags
modified testcase - shows that text correctly get flowed around floats (1.30 KB, text/html)
2009-05-28 12:36 PDT, Jacob Refstrup
no flags
jasneet
Comment 1 2008-10-16 17:14:07 PDT
Created attachment 24442 [details] testcase
Jacob Refstrup
Comment 2 2009-05-28 12:35:58 PDT
This is not a bug -- more of a short-coming / misunderstanding of the CSS spec. A block box does not get affected by floats (unless using clear: left/right/both); only the line boxes gets affected. If more text is added to "Div 4" in testcase then that text flows around the floats. I'll attach a modified test case that shows this. Opera 9.5, FF3 and Webkit all render the same way.
Jacob Refstrup
Comment 3 2009-05-28 12:36:54 PDT
Created attachment 30743 [details] modified testcase - shows that text correctly get flowed around floats
Note You need to log in before you can comment on or make changes to this bug.