Bug 18190 - content getting displayed incorrectly due to float:left of <ol>
Summary: content getting displayed incorrectly due to float:left of <ol>
Status: RESOLVED INVALID
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 525.x (Safari 3.1)
Hardware: PC Windows XP
: P2 Normal
Assignee: Nobody
URL: http://finance.sina.com.cn/
Keywords: HasReduction
Depends on:
Blocks:
 
Reported: 2008-03-28 14:29 PDT by jasneet
Modified: 2011-10-20 02:28 PDT (History)
2 users (show)

See Also:

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 an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description jasneet 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
Comment 1 jasneet 2008-03-28 14:30:28 PDT 
Created attachment 20163 [details]
screenshot
Comment 2 jasneet 2008-03-28 14:34:10 PDT 
Created attachment 20164 [details]
reduction
Comment 3 Tab Atkins 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.