html - Firefox 4 和表格布局 : fixed

Question

我有一个问题似乎是在 Firefox 3 和 4 之间引入的。本质上它与 table-layout: fixed 有关。

我有一个可滚动的表格，它使用两个 DIV，一个用于标题，一个用于正文(遗憾的是，这是唯一对我有用的选项)。

正文表看起来像这样(请注意，这都是用 JavaScript 生成的，它是 GWT 应用程序的一部分):

<table style="table-layout: fixed;">
    <colgroup>
        <col width="61" />
        <col width="57" />
    </colgroup>
    <tbody>
        <!-- data -->
    </tbody>
</table>

(顺便说一下，页面声明为 HTML 4.01 Transitional)

似乎在 Firefox 3 中，列宽得到了尊重。然而，在 Firefox 4 中，它似乎有时会忽略列宽(很难准确确定，但通常是当表格开始变得足够小以至于 Firefox 难以调整大小时)。如果我检查 Firefox 中的列宽，它们通常与 HTML 中指定的宽度关系不大。

我只是想知道是否有人可以阐明为什么会发生这种情况？

Answer 1

首先要确保您的标记有效。您使用“/>”样式的 SHORTTAG，它在 HTML 4.01 中无效(这些闭包仅在 XHTML 中有效)。

我不知道意外的 shorttag 是否会强制浏览器进入“Quirks Mode”(检查页面信息...有吗？)？ Quirks 模式对于故障排除来说是致命的。

如果您的 FireFox 安装了 Web Developer 扩展，我会检查表格和其中的所有内容……可能是有什么东西在插入柱子的墙壁。

我无法进一步猜测这个问题.. 数据不足。如果您从浏览器中保存完整的 HTML(然后小心地删除不必要的或 secret 的位)，然后验证问题是否仍然出现在更简单的用例中，这将很有帮助。如果是这样，将该用例发布到网络上的某个地方，人们可以检查它。

除了短标签，你没有透露你做错了什么。但正如我所建议的， table 内部可能发生了一些事情......