[HTML] Table Darstellung

Toby

Cadet 4th Year
Registriert
Mai 2003
Beiträge
107
Hallo zusammen,

mir geht es um den ersten table-Tag.
Dieser ist mit dem height-Wert 100% angegeben. Doch in der Darstellung wird die Tabelle nicht mit einer Höhe von 100% angegeben. Die Tabelle klebt leider nur oben am Bildschirm, obwohl sie sich auf der gesamten Bildschirmhöhe verteilen sollte.

Weiss jemand wieso ?

gruss
Toby

HTML:
<!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="de">

<head>
<title>Test</title>



<link rel="stylesheet" href="stylesheets/default.css"
          type="text/css" title="Default Style" />


</head>
<body>

<table border="1" height="100%"><tr><td>

<table border="1" width="750">
<tr>
<td width="175"><p>Diese Seite ist ein Test</p>
<p>Diese Seite ist ein Test2</p></td><td><p>ich bin der Text dazu :)</p></td>
</tr>
</table>

</td></tr></table>

</body>
</html>
 
Weil es das Attribut in XHTML nicht mehr gibt. Musst du auf CSS zurückgreifen.
 
Mercy. Das seltsamme ist, daß bei der Angabe von 100 Pixeln die Höhe ausgeführt wird. Aber leider nicht bei der prozent-Angabe... :(

Weiss jemand wie die Angabe in Css lauten muss damit die erste Table in einer Höhe von 100% angegeben wird ?

so long
Toby
 
Das Attribut "HEIGHT" hat es ausser für <img> NIE in einem validen HTML- oder XHTML-Dokument gegeben. Das ist nur mit CSS valid machbar.
 
Toby schrieb:
Mercy. Das seltsamme ist, daß bei der Angabe von 100 Pixeln die Höhe ausgeführt wird. Aber leider nicht bei der prozent-Angabe... :(

Weiss jemand wie die Angabe in Css lauten muss damit die erste Table in einer Höhe von 100% angegeben wird ?

so long
Toby

Naja, eigentlich so:
Code:
<table .... style="height: 100%;">
 
Danke du hast Recht.

Ausserdem hab ich herausgefunden das auch die sogenannten Elternelemente html + body ebenfalls mit height=100%; zugewiesen werden müssen.

Erst dann ging es bei mir.

Mercy nochmal :)
Toby
 
Kann sein, dass dann in manchen Browsern ein vertikaler Scrollbalken auftaucht. Deshalb musst du dem body noch margin:0px; padding:0px; geben.
 
Zurück
Oben