Bug 28639 - tabbed content with broken rendering because css property "clear: both" doesn't take effect
Summary: tabbed content with broken rendering because css property "clear: both" doesn...
Status: RESOLVED WORKSFORME
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: PC Windows XP
: P2 Normal
Assignee: Nobody
URL: http://www.nobodylikesonions.com/
Keywords: HasReduction
Depends on:
Blocks:
 
Reported: 2009-08-21 16:57 PDT by jasneet
Modified: 2013-11-19 10:27 PST (History)
2 users (show)

See Also:

Attachments
reduced testcase (2.28 KB, text/html)
2009-08-21 16:57 PDT, 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 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
Comment 1 Robert Hogan 2013-11-18 23:03:58 PST 
Looks fine now.
Comment 2 Alexey Proskuryakov 2013-11-19 10:27:05 PST 
Do we need to land a test case?