Firefox中的td高度不同答案

【问题标题】：td height in firefox is differentFirefox中的td高度不同
【发布时间】：2012-07-16 01:10:59
【问题描述】：

所以我做了一些搜索，发现这个问题是已知的，但似乎没有一个修复工作。

问题是 td 高度被拉伸，就像这张图片展示的那样 http://i.stack.imgur.com/A5UYw.jpg

我已经尝试了以下

A.将 td 高度设置为 1px 并允许内容对其进行拉伸。

B.添加样式并将高度设置为 1 px

C.在 td 内的内容上添加 div 标签并设置 div 标签高度和溢出隐藏

D.为 td 设置样式以隐藏溢出

E. 用 display: block 为 td 设置样式

我认为问题可能是 iframe 设置为根据 iframe 中的内容自动调整大小。

这里似乎没有一个对页面有帮助http://soldbybillcox.com/listings.html

我知道网站应该用 div 制作，而使用表格已经过时了！

感谢您对此问题的任何见解！

【问题讨论】：

【解决方案1】：

如果您将此添加到您希望保持领先的每个 td 中，将会有所帮助。

<td colspan="2" rowspan="5" style="vertical-align:top;">

尽管如此，使用 div 最终会让您的生活变得更加轻松。干净多了！

此外，您是一名房地产经纪人，因此验证您的网站非常重要（出于 SEO 原因），因此我建议您在所有图片中添加 alt 标签 (5)。这也将有助于您的搜索引擎结果本身See Here。

【讨论】：

【解决方案2】：

您可以在 CSS 中添加以下规则（这将影响所有表格单元格）

#Table_01 td {
    vertical-align: top
}

或添加

style="vertical-align: top"

仅作为这一表格单元格的属性

【讨论】：

【解决方案3】：

这不是真正的修复，但我最终只是使用<br/> 并将所有图像粘贴到顶行并对齐到顶部。它看起来不错，但仍然不知道发生了什么。

【讨论】：