RESOLVED FIXED 17652
@media all {...} overrides the top margin of the caption causing image caption misalignment 
https://bugs.webkit.org/show_bug.cgi?id=17652
Summary @media all {...} overrides the top margin of the caption causing image captio...
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.