Bug 17652

Summary: @media all {...} overrides the top margin of the caption causing image caption misalignment
Product: WebKit Reporter: jasneet <jasneet>
Component: EvangelismAssignee: Nobody <webkit-unassigned>
Status: RESOLVED FIXED    
Severity: Normal CC: jasneet, webkit
Priority: P2 Keywords: HasReduction
Version: 528+ (Nightly build)   
Hardware: All   
OS: All   
URL: http://www.foxnews.com/story/0,2933,308961,00.html
Attachments:
Description Flags
screenshot
none
reduction none

jasneet
Reported 2008-03-03 11:58:17 PST
I Steps: Go to http://www.foxnews.com/story/0,2933,308961,00.html II Issue: Notice that the caption of the main photo has moved down, overlapping with the image below. III Conclusion: In the css, they have specified a section for the @media all {...} that overrides the top margin of the caption. This is what causes the positiong issue in Safari. IV Other browsers: FF: ok Opera: ok IE 7: ok V Nightly tested: 30628
Attachments
screenshot (307.29 KB, image/jpeg)
2008-03-03 11:59 PST, jasneet 		no flags
Details
reduction (700 bytes, text/html)
2008-03-03 12:00 PST, jasneet 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
jasneet
Comment 1 2008-03-03 11:59:30 PST
Created attachment 19499 [details] screenshot
jasneet
Comment 2 2008-03-03 12:00:16 PST
Created attachment 19500 [details] reduction
Robert Blaut
Comment 3 2008-03-05 06:10:53 PST
An evangelism bug. They use a sort of "CSS hack" to target Opera. The hack was valid 4 years ago. In those days Opera was the only browser supporting Media Queries: http://virtuelvis.com/archives/2004/01/css-for-opera-7 In these days Webkit also supports Media Queries: http://www.w3.org/TR/css3-mediaqueries/ So Webkit also applies styles cooked for Opera.
Robert Blaut
Comment 4 2008-12-26 12:26:31 PST
I've checked reported page in the latest WebKit and found no problem. The site was fixed.
jasneet
Comment 5 2009-01-09 09:56:43 PST
The reduction still shows the issue in webkit but not in IE/FF
Note You need to log in before you can comment on or make changes to this bug.