テーブル全体をどのように伸ばすのですか？

私はhtmlテーブルを持っており、ページ全体の高さに広げようとしています。何らかの理由で私はこれを動作させることができません。私はhtml、bodyとtable heightを100％に設定しましたが、テーブルはまだ100％を占めていません。テーブル全体をどのように伸ばすのですか？

コードを強調します。私はテーブルが全体の高さを占めるようにしようとしているので、それは非常に基本的です。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %> 
<!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 runat="server"> 
     <title></title> 
     <style type="text/css"> 
      body,html {  
       margin:0;  
       padding:0; 
       height:100%; 
      } 
     </style> 
    </head> 
    <body> 
     <form id="form1" runat="server"> 
      <table border="2" cellpadding="0" cellspacing="0" style="height:100%; width:100%" > 
       <tr> 
        <td>ABCD</td> 
       </tr> 
      </table> 
     </form> 
    </body> 
</html>

私は数時間試しましたが、動作させることができませんでした。どんな助けでも本当に感謝しています。

出典

2011-01-02 AlwaysAProgrammer

私は唯一の方法は、動的にページのロード時にクライアント側のスクリプトを使用して、テーブルの高さを設定するために... CSSの方法が失敗した場合に聞かせている恐れ私は知っていると私は何か一緒に来る。 –

これは動作するはずです：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %> 

<!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 runat="server"> 
     <title></title> 
     <link rel="Stylesheet" href="http://yui.yahooapis.com/3.0.0/build/cssreset/reset-min.css"> 
     <style> 
      body, html, form, table { height:100%; } 
      table { border:2px solid gray; } 
     </style> 
    </head> 
    <body> 
     <form id="form1" runat="server"> 
     <table> 
      <tr> 
       <td>ABCD</td> 
      </tr> 
     </table> 
     </form> 
    </body> 
</html>

出典

2011-01-02 23:53:40

素晴らしいです！ありがとう、それは動作します。 – AlwaysAProgrammer