Bug 17652 - @media all {...} overrides the top margin of the caption causing image caption misalignment
Summary: @media all {...} overrides the top margin of the caption causing image captio...
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Evangelism (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P2 Normal
Assignee: Nobody
URL: http://www.foxnews.com/story/0,2933,3...
Keywords: HasReduction
Depends on:
Blocks:
 
Reported: 2008-03-03 11:58 PST by jasneet
Modified: 2009-01-09 09:56 PST (History)
2 users (show)

See Also:

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 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-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
Comment 1 jasneet 2008-03-03 11:59:30 PST 
Created attachment 19499 [details]
screenshot
Comment 2 jasneet 2008-03-03 12:00:16 PST 
Created attachment 19500 [details]
reduction
Comment 3 Robert Blaut 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.
Comment 4 Robert Blaut 2008-12-26 12:26:31 PST 
I've checked reported page in the latest WebKit and found no problem. The site was fixed.
Comment 5 jasneet 2009-01-09 09:56:43 PST 
The reduction still shows the issue in webkit but not in IE/FF