【问题标题】:IE8 doesn't respect table paddingIE8 不尊重表格填充
【发布时间】:2012-10-20 15:03:40
【问题描述】:

这是 Chrome 5 中表格的屏幕截图。

在 IE8 中呈现的同一张表:

您可以在此处查看该页面: http://labs.pieterdedecker.be/vspwpg/?page_id=96

此 CSS 规则添加了 IE8 不遵守的填充: td#content table.subitems { padding: 5px; }

【问题讨论】:

  • 那是我的确切谷歌搜索 +1

标签: html css internet-explorer cross-browser


【解决方案1】:

尝试将填充添加到表格下的第 td/th 个元素,而不是表格本身。表格单元格/标题也会被 *{margin:0;padding:0;} 清零,因此您必须明确指定。

编辑:如果您不打算在每个表格单元格/标题上放置填充,请尝试在表格上设置边距或在表格包装器 div 上进行填充。

【讨论】:

    【解决方案2】:

    我的网站也遇到了同样的问题。该类已应用于 <td> 标记,但其填充未显示。然后我声明了内联填充,它显示得很好。我几乎用拳头砸了我的显示器,但当我意识到这会伤害我而不是 IE 时,我忍住了。它不漂亮,但它有效。

    <td class="doesntMatterBecauseIEHatesYou" style="padding:10px;">Horray, IE doesn't hate you anymore. But you still hate IE.</td>

    【讨论】:

      猜你喜欢
      • 2016-10-17
      • 1970-01-01
      • 2021-09-13
      • 2019-09-02
      • 2017-01-28
      • 1970-01-01
      • 1970-01-01
      • 2010-11-10
      • 1970-01-01
      相关资源
      最近更新 更多