Bug 25502

Summary:

overlap of image and text due to less div height

Product:

WebKit

Reporter:

jasneet <jasneet>

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED INVALID

Severity:

Normal

CC:

jasneet, robert

Priority:

Keywords:

HasReduction

Version:

528+ (Nightly build)

Hardware:

OS:

Windows XP

URL:

http://cityguides.msn.com/

Attachments:

Description	Flags
reduced testcase	none
chrome's layout with inspection	none
IE's layout with inspection	none

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.