0

テーブルまたは div でユーザー画面の 100% をカバーしたいのですが、高さ "100%" は機能しません。jQueryを使用して画面サイズを取得しようとしていますが、これは可能ですが、テーブルの高さのコードにどのように配置すればよいですか?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>For The Holy Church</title>
<style type="text/css">
body {
    background-image: url(images/BG.jpg);
    background-repeat: repeat;
    background-color: #181818;
    margin: 0px;
    height: 100%;
}
#Main {
    background-image: url(images/HolyBG.jpg);
    background-repeat: repeat-y;
    background-position: center top;
    height: 100%;
}
</style>
</head>

<body>
<table width="100%" height="100%"  border="3" cellpadding="0" cellspacing="0" id="Main">
  <tr>
    <td valign="top"><table width="100%" height="100px" border="0" cellpadding="0" cellspacing="0" background="images/TopBG.jpg">
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table>
      <table width="100%" height="350px" border="0" cellpadding="0" cellspacing="0" background="images/VaticanBG.jpg">
        <tr>
          <td><table width="100" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr>
              <td><img src="images/banner/01.jpg" alt="" width="933" height="350" /></td>
            </tr>
          </table></td>
        </tr>
    </table>
      <pre><script>$(document).ready(function() {
  $("p").text(screen.height);

});
</script>
<br />
      </pre>
      <p>&nbsp;</p>
      <p>&nbsp;</p></td>
  </tr>
</table>
</body>
</html>

私の問題は、テーブルが画面の高さではなく、コンテンツまでしか表示されないことです。

4

3 に答える 3

1

いくつかのコードを投稿する必要がありますが、それを確認する必要がある場合もありますhtml。また、divがそれらの中にあるためです。bodyheight:100%

于 2012-07-25T19:17:18.393 に答える
0 
body: {height:100%;width:100%;}

div: {height:100%;width:100%;}

table: {height:100%;width:100%;}
于 2012-07-25T19:19:32.757 に答える
0

テーブルの各親要素の高さは100％に設定する必要があります。

パーセンテージで表した高さは、要素の高さを親のみの100％に設定します。それより大きくなることはありません。

例えば：

<html>
  <body>
    <div>
      <table>
      </table>
    </div>
  </body>
</html>

上記の表を画面全体に表示するには、その親であるdiv、body、およびhtmlタグのそれぞれの高さを100％に設定する必要があります。

于 2012-07-25T19:19:49.417 に答える