如何删除标题图像和iframe之间的白色边框?

如何删除标题图像和iframe之间的白色边框?,iframe,header,space,Iframe,Header,Space,我希望有一个一页的网站,顶部有一个标题图像,随着浏览器页面的宽度扩展,下面有一个Iframe显示另一个网站。我主要完成了这一点(多亏了stackoverlow的代码),但问题是在iframe出现之前,标题图像下方有一个空白。你知道如何删除这个或其他方法来完成我的网页吗?这是我到目前为止的代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-str

我希望有一个一页的网站,顶部有一个标题图像,随着浏览器页面的宽度扩展,下面有一个Iframe显示另一个网站。我主要完成了这一点(多亏了stackoverlow的代码),但问题是在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>

*{边距:0;填充:0}
html,正文{高度:100%;宽度:100%;溢出:隐藏}
表{高度:100%;宽度:100%;表布局:静态;边框折叠:折叠}
iframe{高度:100%;宽度:100%}
.header{边框底部:1px实心#000}
.content{高度:100%}
标题
您可以试试 边界:无

border: 0;