[Webkit-unassigned] [Bug 35585] New: margin-left:auto; margin-right: [y]px; bug

Tue Mar 2 10:01:43 PST 2010

https://bugs.webkit.org/show_bug.cgi?id=35585

           Summary: margin-left:auto; margin-right: [y]px; bug
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: PC
        OS/Version: Windows 7
            Status: UNCONFIRMED
          Severity: Major
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: waldner.charles at gmail.com

I am by no means an expert web developer. Apologies in advance.
In Safari, a div with margin-left:auto; and margin-right:[y]px; is pushed off
the 
left side of the browser window when re-sized. After [y]px of clipping, the
left
side of the div tag will snap to the left side of the browser, where it should
be.

For instance, a page with the following code:
<html>
    <head></head>
    <body style="margin:0;">
    <div style="background-color:#333; width:500px; height:200px;
margin-left:auto; margin-right:200px; color:#fff;">Some text to make it more
apparent that the div tag is clipping.
    </div>
    </body>
</html>

The html page in firefox, when the browser is at a width of 600px, will show
100px of white space to the right of the tag.
In Safari, the page will show 200px of white space and the left side of the div
tag will be clipped 100px.

Attached is an image of the bug, two windows: Safari and Firefox with the same
width viewing the test page.

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.