RESOLVED INVALID 25502
overlap of image and text due to less div height 
https://bugs.webkit.org/show_bug.cgi?id=25502
Summary overlap of image and text due to less div height
jasneet
Reported 2009-04-30 17:56:32 PDT
I Steps: Go to cityguides.msn.com II Issue: To the right, below the temperature value, text overlaps the border III Conclusion: Issue is due to #weather {height:71px;}. If I increase height to say 80px, then overlapping of text and image is not seen. IV Other Browsers: IE7: ok FF3: ok V Nightly tested: 42232 Bug in Chromium : http://code.google.com/p/chromium/issues/detail?id=8954
Attachments
reduced testcase (12.14 KB, application/zip)
2009-04-30 17:56 PDT, jasneet 		no flags
Details
chrome's layout with inspection (5.30 KB, image/jpeg)
2009-05-22 14:08 PDT, johnnyding 		no flags
Details
IE's layout with inspection (6.95 KB, image/jpeg)
2009-05-22 14:09 PDT, johnnyding 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
jasneet
Comment 1 2009-04-30 17:56:46 PDT
Created attachment 29932 [details] reduced testcase
johnnyding
Comment 2 2009-05-22 14:05:30 PDT
I think the bug is not due to less div height. It is because somehow IE ignores (or merge?) the margin-top property of Element:<div id="weather_text">...</DIV>. In the source code of page, there is a CSS rule: #weather_text {margin-top:10px;margin-left:20px;font-size:11px;color:#fff} Please refer the attachment image to the different between Chrome and IE.
johnnyding
Comment 3 2009-05-22 14:08:02 PDT
Created attachment 30594 [details] chrome's layout with inspection
johnnyding
Comment 4 2009-05-22 14:09:06 PDT
Created attachment 30595 [details] IE's layout with inspection
Robert Hogan
Comment 5 2013-11-18 22:57:01 PST
Closed downstream. Testcase renders fine.
Note You need to log in before you can comment on or make changes to this bug.