【问题标题】:IE8 Table not correctly sizing <td>IE8 表的大小不正确 <td>
【发布时间】:2012-01-09 11:05:08
【问题描述】:

我已经在这个网站上工作了很长一段时间,我觉得我终于让它看起来很漂亮。但是我注意到IE8的主页有问题(我用过的其他浏览器都没有这个问题)

在 IE8 中,站点如下所示:

请注意最右侧列两侧的蓝色条,它们显示&lt;td&gt; 的宽度。里面的内容应该是 160px,但是 &lt;td&gt; 本身比它应该的宽。正如您在左侧的 HTML 分析器中看到的那样,宽度设置为“160”,但是页面中的 HTML 显示:

<td style="width: 160px;max-width:160px"width="160px"align="center"valign="top">

出于绝望,我显然尝试了一些事情。为什么IE继续恨我?我可以编写什么代码让 IE 像其他浏览器一样运行良好?

如果您想深入了解源代码,实际的站点 URL 是 http://EpicClanWars.com。

【问题讨论】:

    标签: html internet-explorer internet-explorer-8


    【解决方案1】:

    将table-layout: fixed 添加到&lt;table&gt; 的样式中。没有它,将width 应用于表格单元格将被解释​​为min-width(min-width 不存在时的结转)

    【讨论】:

    • 另外,请考虑使用box-sizing: border-box,因为您的元素具有您想要的宽度,但由于填充和边框而变得更宽。
    猜你喜欢
    • 2011-04-19
    • 2023-04-11
    • 2012-03-20
    • 1970-01-01
    • 2013-04-16
    • 2014-10-06
    • 2014-10-10
    • 1970-01-01
    相关资源
    最近更新 更多