WebKit Bugzilla
New
Browse
Log In
×
Sign in with GitHub
or
Remember my login
Create Account
·
Forgot Password
Forgotten password account recovery
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
Details
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
Details
View All
Add attachment
proposed patch, testcase, etc.
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.
Top of Page
Format For Printing
XML
Clone This Bug