Bug 109841 - Tables using colspan, with border-collapse draw borders incorrectly
Summary: Tables using colspan, with border-collapse draw borders incorrectly
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P2 Normal
Assignee: Nobody
Depends on:
Reported: 2013-02-14 09:11 PST by Norman
Modified: 2015-08-04 05:45 PDT (History)
1 user (show)

See Also:

Test file to validate the error. (2.03 KB, text/html)
2015-08-04 05:45 PDT, jumper1085
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Norman 2013-02-14 09:11:56 PST
Using this snippet, the second cell in the second row has a top border and it shouldn't. Chrome fails here, but IE and FF are fine.

<head><style type="text/css">
table { empty-cells: show; border-collapse: collapse; }
table td { width: 50px; height: 25px; }
td.b { border: 1px solid gray; }
<table cellspacing="0" cellpadding="0">
<tr> <td colspan="2">This is a test</td> <td class="b"></td> <td></td> <td></td> </tr>
<tr> <td class="b"></td> <td></td> <td class="b"></td> <td></td> </tr>
<tr> <td></td> <td></td> <td></td> <td></td> </tr>
Comment 1 bugzilla 2014-02-13 02:37:40 PST
This bug is still present in Chrome 32.0.1700.107 and Safari 5.1.10 (6534.59.10) on OS X.
WebKit draws incorrect and inconsistent borders around table cells with "border: none" and colspan or rowspan > 1, when surrounding table cells have borders.
The only workaround is to avoid colspan and rowspan completely, which is not always an option.
Comment 2 jumper1085 2015-08-04 05:45:32 PDT
Created attachment 258172 [details]
Test file to validate the error.

The described bug still exists in Chrome Version 44.