Bug 16251 - www.nytimes.com : Images are not aligned properly because of float:none
Summary: www.nytimes.com : Images are not aligned properly because of float:none
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 528+ (Nightly build)
Hardware: PC Windows XP
: P2 Normal
Assignee: Nobody
URL: http://www.nytimes.com/pages/technolo...
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2007-12-02 09:20 PST by Anantha Keesara
Modified: 2023-12-17 06:45 PST (History)
7 users (show)

See Also:

Attachments
reduction (609 bytes, text/html)
2007-12-02 09:21 PST, Anantha Keesara 		no flags Details
Safari 15.6 differs from other browsers (720.92 KB, image/png)
2022-08-07 07:37 PDT, Ahmad Saleem 		no flags Details
All browsers match now (189.55 KB, image/png)
2023-12-17 06:44 PST, Ahmad Saleem 		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 Anantha Keesara 2007-12-02 09:20:03 PST 
Go to above mentioned URL, click on skip the advertisement link to go to the actual page.
Scroll down the page and notice that the images on right side are not aligned properly.

Only Safari has this issue.

Tested with: WebKit-SVN-r28278
Comment 1 Anantha Keesara 2007-12-02 09:21:17 PST 
Created attachment 17648 [details]
reduction
Comment 2 Robert Hogan 2012-09-26 13:00:24 PDT 
WebKit and FF render the reduction the same - they both shift the float:none box out as far to the right as it will go. This seems correct to me per the spec: http://www.w3.org/TR/CSS2/visuren.html#floats

I'd like someone else to agree with me before closing though!
Comment 3 Deepak Mittal 2014-02-13 22:26:54 PST 
I am observing same behavior for the reduction test in FF and the Webkit latest code..
Please check and confirm..
Comment 4 Ahmad Saleem 2022-08-07 07:37:26 PDT 
Created attachment 461462 [details]
Safari 15.6 differs from other browsers

I am able to reproduce this issue in Safari 15.6 on macOS 12.5 and as can be seen from attached screenshot, Safari differs from other browser. I am going to mark this as "NEW". Thanks!
Comment 5 Radar WebKit Bug Importer 2022-08-07 10:19:44 PDT 
<rdar://problem/98278334>
Comment 6 zalan 2022-08-08 09:03:20 PDT 
(In reply to Ahmad Saleem from comment #4)
> Created attachment 461462 [details]
> Safari 15.6 differs from other browsers
> 
> I am able to reproduce this issue in Safari 15.6 on macOS 12.5 and as can be
> seen from attached screenshot, Safari differs from other browser. I am going
> to mark this as "NEW". Thanks!
FF and Chrome screenshots look odd (1. the content should not collapse completely. 2 I can't repro your screenshot at all on FF/Chrome). Could you test again please? Thanks!
Comment 7 Ahmad Saleem 2022-08-08 15:56:06 PDT 
I am getting same screenshot, I tried to look into HTML & CSS source to see if there is any prefix causing the collapse but there was none.

I changed it into JSFiddle to add ; at the end and spacing to see, if it is something wrong but same result.

Link - https://jsfiddle.net/fk8murx7/

Chrome Canary Version 106.0.5227.0 (Official Build) canary (arm64) - Private Mode
Firefox Nightly 105.0a1 20220808092108

I am happy to give remote control to show you the output. Thanks!
Comment 8 Ahmad Saleem 2023-12-17 06:44:55 PST 
Created attachment 469099 [details]
All browsers match now

For some reason, all browsers are now matching, so marking this as 'RESOLVED CONFIGURATION CHANGD'.