Bug 10555

Summary: openclipart frontpage lays out wrong
Product: WebKit Reporter: Eric Seidel (no email) <eric>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: mitz
Priority: P4 Keywords: HasReduction
Version: 420+   
Hardware: Mac   
OS: OS X 10.4   
URL: http://www.openclipart.org/
Attachments:
Description Flags
Screenshot showing the problem
none
Reduction none

Description Eric Seidel (no email) 2006-08-24 23:26:37 PDT 
openclipart frontpage lays out wrong

the "forward arrow" graphic is on the wrong line.
Comment 1 Eric Seidel (no email) 2006-08-24 23:27:24 PDT 
Created attachment 10210 [details]
Screenshot showing the problem
Comment 2 mitz 2006-08-25 00:37:11 PDT 
Created attachment 10211 [details]
Reduction

Opera and Safari don't grow the div all the way to the right when it contains a right float. Firefox and IE do.

Specifically with openclipart, they actually try not to rely on the float to make the div stretch, but they have a typo in default.css (missing a semicolon after z-index: 2):

#search {
    position:               absolute;
    left:                   0;
    top:                    100px;
    z-index:                2

    width:                  100%;
    min-width:              700px;

Fixing the typo fixes the layout.
Comment 4 mitz 2006-10-13 00:43:32 PDT 
The openclipart.org CSS is fixed now.
Comment 5 mitz 2007-03-31 05:58:48 PDT 
(In reply to comment #4)
> The openclipart.org CSS is fixed now.
> 

The difference in behavior between Firefox and WebKit is tracked by bug 10085.

*** This bug has been marked as a duplicate of 10085 ***