1

ヘッダー画像が上部にあり、ブラウザーページの幅に合わせて広がる1ページのWebサイトと、その下の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>
4

1 に答える 1

0

border: none; を試すことができます。

また

border: 0;
于 2013-01-21T23:46:51.140 に答える