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(然后仔细删除不必要的或有信心的位),那么这将是有帮助的,然后验证问题仍然在更简单的用例中出现.如果是这样,把这个用例放在网上,人们可以检查它.

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

相关文章

vue阻止冒泡事件 阻止点击事件的执行 &lt;div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些