Bug 28639

Summary:

tabbed content with broken rendering because css property "clear: both" doesn't take effect

Product:

WebKit

Reporter:

jasneet <jasneet>

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED WORKSFORME

Severity:

Normal

CC:

jasneet, robert

Priority:

Keywords:

HasReduction

Version:

528+ (Nightly build)

Hardware:

OS:

Windows XP

URL:

http://www.nobodylikesonions.com/

Attachments:

Description	Flags
reduced testcase	none

jasneet

Reported 2009-08-21 16:57:45 PDT

Created attachment 38413 [details] reduced testcase I Steps: 1. Go to http://www.nobodylikesonions.com/ II Issue: tabbed content is rendering incorrectly III Conclusion: Look at the reduction's source code, there is a div: ...... <div class="clear"></div> ...... The css class "clear" is ".clear {clear: both;margin: -2px 0 0 0;}", In IE8 and FF3 this makes its following content(in this cas "Some text here...") to be displayed below it, However, in Chrome and Safari, it doesn't take effect at all. This is the cause of the issue. IV Other Browsers: IE7: ok FF3: ok V Nightly tested : 47639 Bug in Chromium : http://code.google.com/p/chromium/issues/detail?id=14549

Attachments
reduced testcase (2.28 KB, text/html) 2009-08-21 16:57 PDT, jasneet	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Robert Hogan

Comment 1 2013-11-18 23:03:58 PST

Looks fine now.

Alexey Proskuryakov

Comment 2 2013-11-19 10:27:05 PST

Do we need to land a test case?

Note You need to log in before you can comment on or make changes to this bug.