IE9中的表呈现问题

时间:2011-04-10 09:26:04

标签: html

我不确定问题出在IE9而不是其他浏览器上,但我认为这是一个安全的起始假设。

在IE9中查看this web site时,主布局表的行之间会出现黑色水平线。这在Firefox 4和Chrome中不可见。

身体背景是黑色的,所以我假设每行之间有一个小间隙。表声明包括以下属性,并且没有有效的CSS规则。

border="0" align="center" cellpadding="0" cellspacing="0"

最有可能造成这种情况的原因是什么?

2 个答案:

答案 0 :(得分:1)

问题是您在单元格中有太多文本行。它只是迫使桌子更高,使图像不够高,无法覆盖他们的细胞。

如果要用文本填充单元格以使最后一段完全位于底部(或者只是使用单元格中的所有可用空间),则必须设置单元格中每个元素的确切大小覆盖不同浏览器的不同边距,填充和线高。

将段落置于底部的另一种方法是使用绝对定位。然后,布局不会对浏览器之间的变化产生任何影响。

而且,正如约翰所指出的那样,你当然应该在页面上有一个doctype,以便它在标准合规模式而不是Quirks模式下呈现,这也有助于减少浏览器之间的差异。

答案 1 :(得分:0)

尝试添加

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

在html文档的第一行,或者只是:

<!DOCTYPE html>

它可能会有所帮助