IE8不尊重表填充

时间:2010-08-18 15:30:41

标签: html css internet-explorer cross-browser

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

Chrome

在IE8中呈现的同一个表:

IE8

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

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

2 个答案:

答案 0 :(得分:6)

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

编辑:如果你不打算在每个表格单元格/标题上添加填充,那么在表格上填写边距或在表格包装div上填充。

答案 1 :(得分:0)

我的网站遇到了同样的问题。该类已应用于<td>标记,但其填充未显示。然后我宣布填充内联,它显示正常。我几乎把拳头放在我的显示器上,但当我意识到这会伤害我而不是IE时,我忍住了。它不漂亮,但它的工作原理。

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