2012-02-24 64 views
6

我正在研究內部網應用程序,該應用程序多年來一直在所有主流瀏覽器上運行怪癖模式。目標是讓它在標準模式下工作而不會破壞任何東西,以便我們可以使用一些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> 

回答

0

我有一個圖片這個問題在<table>底部<td>。使用Firefox時,圖像下方顯示額外的2px。 (IE是確定的)

無論如何,我登陸了這個有趣的網頁上:(發表thirtydot) https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps

圖像正坐在文本基線(顯然),我添加了這個標籤的形象。現在一切都很好。謝謝 !

​​
相關問題