html – Firefox 4和table-layout:fixed

前端之家收集整理的这篇文章主要介绍了html – Firefox 4和table-layout:fixed前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个似乎已经在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中指定的宽度无关.

我只是想知道有没有人可以说明为什么会发生这种情况?

解决方法

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

我不知道意外的短距离是否会迫使浏览器进入“怪癖模式”(查看信息页面是否有)?怪癖模式是死亡的故障排除.

如果您的FireFox安装了Web Developer扩展,我将检查桌子和其中的所有内容,这可能是在列的墙壁上推动的.

我不能进一步猜测这个问题..没有足够的数据.如果您从浏览器保存完整的HTML(然后仔细删除不必要的或有信心的位),那么这将是有帮助的,然后验证问题仍然在更简单的用例中出现.如果是这样,把这个用例放在网上,人们可以检查它.

除了短标签,你还没有透露你做错了什么.但是正如我所建议的那样,桌子里面可能会发生什么事情

猜你在找的HTML相关文章