Wie kann der Tisch die gesamte Höhe überspannen?

Ich habe eine HTML-Tabelle und ich versuche, sie über die gesamte Seitenhöhe zu haben. Aus irgendeinem Grund kann ich das nicht zur Arbeit bringen. Ich habe die HTML-, Körper- und Tischhöhe auf 100% gesetzt, aber die Tabelle belegt immer noch nicht die gesamten 100%.Wie kann der Tisch die gesamte Höhe überspannen?

Heres der Code. Es ist sehr einfach, weil ich nur versuche, den Tisch die gesamte Höhe einnehmen zu lassen.

<%@ 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>

Ich versuchte für ein paar Stunden und ich konnte es nicht zum Laufen bringen. Jede Hilfe wird wirklich geschätzt.

Quelle

2011-01-02 AlwaysAProgrammer

Ich fürchte, der einzige Weg ist, um die Tischhöhe mit Client-seitiges Script auf Seite lädt dynamisch gesetzt ... wenn CSS Art und Weise lassen reißen Ich weiß und ich werde mit etwas kommen. –

Dies sollte funktionieren:

<%@ 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>

Quelle

2011-01-02 23:53:40

genial !!! Vielen Dank, es funktioniert. – AlwaysAProgrammer

Versuchen Sie, das Attribut html height auf 100% zu setzen.

<table height="100%">

Quelle

2011-01-02 20:08:42 Brian

Ich habe das in der CSS versucht. Funktioniert nicht – AlwaysAProgrammer

Ist die Tabelle in einer Form? mache die Höhe auch 100%, indem du den Style verwendest

Quelle

2011-01-02 20:51:15 maqk

Es scheint, dass die Höhe relativ zum aktuellen Container ist, der nicht 100% sein darf. Lesen Sie diesen Artikel:

http://apptools.com/examples/tableheight.php

Quelle

2011-01-02 20:55:07 FeifanZ

Als Folge könnte die richtige CSS wie folgt sein: html, Körper { Höhe: 100%; } http://www.dailycoding.com/Posts/howtoset100taheightinhtml.aspx – FeifanZ

Wie kann der Tisch die gesamte Höhe überspannen?

Antwort

Verwandte Themen