[Webkit-unassigned] [Bug 53855] New: A WebKit's CSS floating bug

Sat Feb 5 08:04:51 PST 2011

https://bugs.webkit.org/show_bug.cgi?id=53855

           Summary: A WebKit's CSS floating bug
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: PC
        OS/Version: Windows Vista
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: weilou.happy at gmail.com

Created an attachment (id=81362)
 --> (https://bugs.webkit.org/attachment.cgi?id=81362&action=review)
Screenshot on Chrome 9 (The situation on Safari is the same)

I also reported this bug to Chromium: http://code.google.com/p/chromium/issues/detail?id=71775

Chrome Version       : 9.0.597.84 (正式版本 70801) for Win Vista
Other browsers tested:
     Safari 5.0.3: Fail
   Firefox 3.6.13: OK
Firefox 4 beta 10: OK
       IE 9: OK
       IE 8: OK
       IE 7: Fail
       IE 6: Fail

To reproduce this problem on Chrome 8, IE7 and IE8:

<!DOCTYPE html>
<meta charset="utf-8">
<title>An HTML5 document</title>
<div style="background:red; height:300px; width:1500px;">
    WWWWWWW<br>WWWWWWW<br>WWWWWWW<br>WWWWWWW<br>WWWWWWW<br>WWWWWWW
    <img src="http://www.google.com/images/logos/ps_logo2.png" style="float:left;" width="900" height="230">
</div>
<div style="background:green; color:yellow; font-weight:bolder; height:300px; width:1000px;">
    asc aca ascacaaaaab<img style="vertical-align:top; float:left;" src="http://i3.ytimg.com/vi/F5qniuZG8Rg/default.jpg">Q
</div>

To reproduce this problem on Safari 5.0.3 using codes below:

<!DOCTYPE html>
<meta charset="utf-8">
<title>An HTML5 document</title>
<div style="background:red; height:300px; width:1500px;">
    WWWWWWW<br>WWWWWWW<br>WWWWWWW<br>WWWWWWW<br>WWWWWWW<br>WWWWWWW
    <img src="http://www.google.com/images/logos/ps_logo2.png" style="float:left;" width="900" height="230">
</div>
<div style="background:green; color:yellow; font-weight:bolder; height:300px; width:1000px;">
    asc aca ascacaaaaaab<img style="vertical-align:top; float:left;" src="http://i3.ytimg.com/vi/F5qniuZG8Rg/default.jpg">Q
</div>

This problem will not happen on Firefox 3.6.13, Firefox 4 beta 10, IE9 and IE 8.

The second image should not display after the character "Q" at another line.

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.