如何刪除我的標題圖片和iframe之間的白色邊框？

我正在尋找一個頁面網站，頁眉圖像位於頂部，與瀏覽器頁面的寬度一致，並且其下方的Iframe顯示另一個網站。我主要完成了這一點（感謝來自stackoverlow的代碼），但問題是在我的iframe出現之前，我的標題圖像下面有一個空白區域。任何想法如何消除這種想法或其他方式來完成我的網頁？這是我迄今爲止的代碼。如何刪除我的標題圖片和iframe之間的白色邊框？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<style> 
*{margin:0;padding:0} 
html, body {height:100%;width:100%;overflow:hidden} 
table {height:100%;width:100%;table-layout:static;border-collapse:collapse} 
iframe {height:100%;width:100%} 

.header {border-bottom:1px solid #000} 
.content {height:100%} 
</style> 
</head> 
<body> 
<table> 
    <tr><td class="header"><div><h1>Header</h1></div></td></tr> 
    <tr><td class="content"> 
    <iframe src="http://google.com/" frameborder="0"></td></tr> 
</table> 
</body> 
</html>

來源

2013-01-21 rolov87

你可以試試 border：none;

或

border: 0;

來源

2013-01-21 23:46:51

如何刪除我的標題圖片和iframe之間的白色邊框？

回答

相關問題