Giovanni Rena: Tabellen auf Fenster anpassen

Beitrag lesen

Hallo,

möchte dass mein Fenster in 3 Teile aufteil:

  • Oben (100px)
  • Mitte (variabel - so viel wie halt frei ist)
  • Unten (40px)
    So, hab da was geschrieben, nur ist das Problem, dass die erste Tabellen-Zeile wesentlich größer ist, und ich einfach nicht mehr weiterkomme. Hoffe mir kann jemand helfen. Danke schonmal im Voraus!

body         { padding:0px;  margin:0cm 0cm 0cm 0cm; height:100%; width:100%; background-color:#FFFFFF};
Table        { width:100%;   height:100%;   font-family:Arial,serif; border-spacing:0px; padding:0cm 0cm 0cm 0cm; margin:0cm 0cm 0cm 0cm; }
.top         { width:100%;   height:100px;  border-width:0px; border-style:solid; border-color:#FFFFFF; border-spacing:0px; padding:0cm 0cm 0cm 0cm; margin:0cm 0cm 0cm 0cm;  background-color:#FFFFFF; };
.middle      { width:100%;   height:;       border-width:1px; border-style:solid; border-color:#000000; border-spacing:0px; padding:0cm 0cm 0cm 0cm; margin:0cm 0cm 0cm 0cm;  background-color:#FFFFFF; };
.down        { width:100%;   height:40px;   border-width:0px; border-style:solid; border-color:#FFFFFF; border-spacing:0px; padding:0cm 0cm 0cm 0cm; margin:0cm 0cm 0cm 0cm;  background-color:#FFFFFF; };

#Space1      { background-color:#FFFFFF; margin:auto;  width:100%;  height:100%; }

<!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">
<head>
<title> </title>
<link rel="stylesheet"  href="style.css" />
</head>
<body>

<div id="Space1">

<table border="1">

<tr>
  <td class="top">    Hello1  </td>
</tr>

<tr>
  <td class="middle"> Hello2  </td>
</tr>

<tr>
  <td class="down">   Hello3  </td>
</tr>

</table>

</div>

</body>
</html>

Kopierts einfach in ne style.css und ne index.htm und es müsse auch bei euch gehen!

Gruß Giovanni