对齐嵌套表格宽度

Question

我有一些嵌套的表。有一个主表，外部表，它必须为左右列嵌套表，在每列中，一些表堆叠在一起。我似乎不知道如何让列中的表都跨越相同的宽度（主要在右列）。这是HTML，为了可读性而缩小：

<table class="outer">
        <tr>
            <td>
                <table class="column" id="left_column">
                    <tr>
                        <td>
                            <table class="cell" id="t1">
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <table class="cell" id="t2" style="margin-top:20px; margin-left:86px">
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
            <td>
                <table class="column" id="rightColumn">
                    <tr>
                        <td>
                            <table class="cell" id="t3">
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <table class="cell" id="t4">
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <table class="cell" id="t5">
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <table class="cell" id="t6">
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <table class="cell" id="t7">
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <table class="cell" id="t8">
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <table class="messages" id="t9">
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>

下面是相关的CSS:

.outer
{
margin: auto;
}
.column
{
border: none;
margin-left: auto;
margin-right: auto;
}
table.cell
{
border-collapse: collapse;
}
#rightColumn table
{
padding: 10px;
width: 100%;
}

欢迎提出任何建议。

Answer 1

如果您真的想确定表的列宽，请在table上使用table-layout: fixed CSS属性，并为第一行中的所有单元格指定宽度（或者，如果没有第一行，则使用col元素）。

Answer 2

所以我的CSS是有效的。Firefox实际上已经为这个页面缓存了一个旧的CSS。我一清除缓存，宽度就变为100%。