我正在研究內部網應用程序,該應用程序多年來一直在所有主流瀏覽器上運行怪癖模式。目標是讓它在標準模式下工作而不會破壞任何東西,以便我們可以使用一些jQuery包。無論如何,我的問題是在標準模式下Firefox和Chrome在單元格內部存在iframe時爲表格單元格添加了2px底部填充。這在IE中不會發生。當標準模式下的單元格內有iframe時,Firefox和Chrome爲表格單元格添加了2px底部填充
當我切換到怪癖模式時,填充消失在Firefox和Chrome中。
當我添加一個div而不是iframe時,填充消失。
將表格cellpadding和cellspacing設置爲零不起作用。
iframe src頁面也處於標準模式。
這裏是一個測試案例給你看:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head><title>Test</title></head>
<body style="background:#FFF;">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td id='browser_td' style='width:1000px; height:500px; margin:0px; padding:0px; background:#000; border-bottom:0px;'>
<iframe id='browser_iframe' name='browser_iframe' src="http://houston.craigslist.org/" width='1000' height='500' frameborder="0" hspace="0" vspace="0"></iframe>
</td>
</tr>
</table>
</body>
</html>
這解決了我的問題。我花了幾個小時。謝謝一堆。 – icramc 2012-02-24 21:01:21