Firefox中的td高度不同

时间:2012-07-14 22:01:04

标签: javascript jquery html css firefox

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

问题是td高度正如图像所展示的那样伸展 http://i.stack.imgur.com/A5UYw.jpg

我试过以下

一个。将td高度设置为1px并允许内容拉伸它。

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

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

d。样式化td以隐藏溢出

使用display:block

来设置td

我认为问题可能是设置为自动调整大小的iframe,具体取决于iframe中的内容。

这些似乎都没有帮助页面在这里http://soldbybillcox.com/listings.html

我知道网站应该用div制作,使用表格已经过时了!

对此问题的任何见解表示赞赏!

3 个答案:

答案 0 :(得分:1)

如果您将此添加到您希望保持最佳状态的每个tds,那么这将有所帮助。

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

最终它会让你的生活更容易与divs一起去。它太干净了!

此外,您是房地产经纪人,因此让您的网站验证非常重要(出于搜索引擎优化的原因)所以我建议您为所有图片添加alt标签(5)。这也有助于您自己的搜索引擎结果See Here

答案 1 :(得分:0)

您可以将以下规则添加到CSS(这将影响所有表格单元格)

#Table_01 td {
    vertical-align: top
}

或添加

style="vertical-align: top"

仅作为此一个表格单元格的属性

答案 2 :(得分:0)

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