[Webkit-unassigned] [Bug 50326] New: MaxPreps: table-layout:fixed issue. cells have incorrect content-box, padding-box, and border-box width/heights.

[bugzilla-daemon at webkit.org]

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

           Summary: MaxPreps: table-layout:fixed issue. cells have
                    incorrect content-box, padding-box, and border-box
                    width/heights.
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: All
               URL: I'm having a similar issue but with the padding. table
                    {  table-layout:fixed; } td {  width:70px;  padding:0
                    4px; }  Expected Results: cell with a 70px content box
                    and a 78px padding box. Browsers with expected
                    results: IE 6, 7, 8. FF 2, 3. Opera 10.  Webkit
                    browser (chrome, safari) Results: cell with a 62px
                    content box and a 70px padding box.  Page with issue
                    (this page should be live for awhile):
                    http://www.maxpreps.com/testing/reference_for_webkit_t
                    eam_regarding_table_bug.htm
        OS/Version: All
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: Tables
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: ryan at maxpreps.com


Created an attachment (id=75278)
 --> (https://bugs.webkit.org/attachment.cgi?id=75278&action=review)
Comparison of tables in various browsers

table
{
 table-layout:fixed;
}
td
{
 width:70px;
 padding:0 4px;
}

Expected Results: cell with a 70px content box and a 78px padding box.
Browsers with expected results: IE 6, 7, 8. FF 2, 3. Opera 10.

Webkit browser (chrome, safari) Results: cell with a 62px content box and a 70px padding box.

Same thing happens if you were to swap the padding to a border-width.
td
{
 width:70px;
 border:0 4px;
}
Expected Results: cell with a 70px content box and a 78px border box.
Browsers with expected results: IE 6, 7, 8. FF 2, 3. Opera 10.

Webkit browser (chrome, safari) Results: cell with a 62px content box and a 70px border box.

Issue compounds if you have both padding and border.
td
{
 width:70px;
 border:0 4px;
 padding:0 4px;
}
Expected Results: cell with a 70px content box and a 78px padding box and a 86px border box.
Browsers with expected results: IE 6, 7, 8. FF 2, 3. Opera 10.

Webkit browser (chrome, safari) Results: cell with a 54px content box and a 62px padding box and a 70px border box.

Page with issue:
http://www.maxpreps.com/testing/reference_for_webkit_team_regarding_table_bug.htm

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