Bug 21692

Summary:

div overlaps another div due to float:right

Product:

WebKit

Reporter:

jasneet <jasneet>

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED INVALID

Severity:

Normal

CC:

dstockwell, jacob.refstrup, jasneet

Priority:

Version:

525.x (Safari 3.1)

Hardware:

OS:

Windows XP

Attachments:

Description	Flags
testcase	none
modified testcase - shows that text correctly get flowed around floats	none

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.