Bug 18190

Summary: content getting displayed incorrectly due to float:left of <ol>
Product: WebKit Reporter: jasneet <jasneet>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED INVALID    
Severity: Normal CC: jasneet, tabatkins
Priority: P2 Keywords: HasReduction
Version: 525.x (Safari 3.1)   
Hardware: PC   
OS: Windows XP   
URL: http://finance.sina.com.cn/
Attachments:
Description Flags
screenshot
none
reduction none

jasneet
Reported 2008-03-28 14:29:59 PDT
I Steps: Go to http://finance.sina.com.cn/ Scroll to the middle of the page. II Issue: In the center column, the content in the section (refer screenshot) has shifted downwards and can only be seen partially. III Conclusion: The <ol> that comes after the image on the left has float:left in the style- which is causing the issue. IV Other browsers: IE7: ok FF3: not ok (FF2: ok) Opera9.24: ok V Nightly tested: 31386
Attachments
screenshot (244.46 KB, image/jpeg)
2008-03-28 14:30 PDT, jasneet 		no flags
Details
reduction (772 bytes, text/html)
2008-03-28 14:34 PDT, jasneet 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
jasneet
Comment 1 2008-03-28 14:30:28 PDT
Created attachment 20163 [details] screenshot
jasneet
Comment 2 2008-03-28 14:34:10 PDT
Created attachment 20164 [details] reduction
Tab Atkins
Comment 3 2011-10-20 02:28:38 PDT
This is correct behavior. When you figure out the width of a float, it is done without paying attention to any other floats that may be around. In this case, the <ol>'s width, when shrinkwrapped, is large enough that it doesn't fit next to the preceding float (if you include the left margin, which you must do for float + float positioning). I'm marking this bug as INVALID, since it's correct behavior.
Note You need to log in before you can comment on or make changes to this bug.