[Webkit-unassigned] [Bug 20763] New: Incorrect rendering of nested fixed layout tables with colspan

Wed Sep 10 05:06:13 PDT 2008

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

           Summary: Incorrect rendering of nested fixed  layout tables with
                    colspan
           Product: WebKit
           Version: 525.x (Safari 3.1)
          Platform: PC
        OS/Version: Windows XP
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: ajmayo at kohuconsulting.com

After searching Bugzilla I can find related issues but it is unclear that this
issue is directly a duplicate of these. I enclose test HTML that clearly
demonstrates the problem, which I could not see against the other cases.

The HTML below (abstracted from a more complex real-world document) incorrectly
renders the four asterisks in the nested table. They should appear with
colspan=7 and align with the exclamation marks in the parent table (28 in
total, with the asterisks every 7). Problem was noted using Chrome which uses
Webkit 525.13

Renders correctly in Firefox 3.1, IE6

In Webkit, the asterisks render immediately adjacent to each other i.e the
column widths are not being honoured, although the parent and child table
specify table-layout:fixed

If the related bugs are fixed, please could this test case be checked as well.

<html>
<body>
<table style="table-layout:fixed" cellpadding=0 cellspacing=0 border=0>
<col style="width:2.1in">
<col style="width:0.325in">
<col style="width:0.325in">
<col  style="width:0.175in">
<col  style="width:0.175in">
<col  style="width:0.175in">
<col  style="width:0.175in">
<col  style="width:0.175in">
<col  style="width:0.175in">
<col  style="width:0.175in">
<col  style="width:0.175in">
<col  style="width:0.175in">
<col  style="width:0.175in">
<col  style="width:0.175in">
<col  style="width:0.175in">
<col  style="width:0.175in">
<col  style="width:0.175in">
<col  style="width:0.175in">
<col  style="width:0.175in">
<col  style="width:0.175in">
<col  style="width:0.175in">
<col  style="width:0.175in">
<col  style="width:0.175in">
<col  style="width:0.175in">
<col  style="width:0.175in">
<col  style="width:0.175in">
<col  style="width:0.175in">
<col  style="width:0.175in">
<col  style="width:0.175in">
<col  style="width:0.175in">
<col  style="width:0.175in">
<tr>
        <td>!</td>
        <td>!</td>
        <td>!</td>
        <td>!</td>
        <td>!</td>
        <td>!</td>
        <td>!</td>
        <td>!</td>
        <td>!</td>
        <td>!</td>
        <td>!</td>
        <td>!</td>
        <td>!</td>
        <td>!</td>
        <td>!</td>
        <td>!</td>
        <td>!</td>
        <td>!</td>
        <td>!</td>
        <td>!</td>
        <td>!</td>
        <td>!</td>
        <td>!</td>
        <td>!</td>
        <td>!</td>
        <td>!</td>
        <td>!</td>
        <td>!</td>
        <td>!</td>
        <td>!</td>
        <td>!</td>
</tr>
<tr>
        <td colspan=31>
                <!-- This table does not render properly-->
                <table id=problem style="table-layout:fixed" cellpadding=0
cellspacing=0 border=0>
                        <col style="width:2.1in">
                        <col style="width:0.325in">
                        <col style="width:0.325in">
                        <col style="width:0.175in">
                        <col style="width:0.175in">
                        <col style="width:0.175in">
                        <col style="width:0.175in">
                        <col style="width:0.175in">
                        <col style="width:0.175in">
                        <col style="width:0.175in">
                        <col style="width:0.175in">
                        <col style="width:0.175in">
                        <col style="width:0.175in">
                        <col style="width:0.175in">
                        <col style="width:0.175in">
                        <col style="width:0.175in">
                        <col style="width:0.175in">
                        <col style="width:0.175in">
                        <col style="width:0.175in">
                        <col style="width:0.175in">
                        <col style="width:0.175in">
                        <col style="width:0.175in">
                        <col style="width:0.175in">
                        <col style="width:0.175in">
                        <col style="width:0.175in">
                        <col style="width:0.175in">
                        <col style="width:0.175in">
                        <col style="width:0.175in">
                        <col style="width:0.175in">
                        <col style="width:0.175in">
                        <col style="width:0.175in">
                        <tr>
                            <td>M</td>
                            <td>N</td>
                            <td>O</td>
                                <!-- asterisks do not honour colspan -->
                            <td colspan=7>*</td>
                            <td colspan=7>*</td>
                            <td colspan=7>*</td>
                            <td colspan=7>*</td>
                        </tr>
                </table>
        </td>
</tr>

</table>
</body>
</html>

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