Rollmops: Tabellenlayout mit width=100%

Beitrag lesen

hab alle Höhenangaben in die td's gesteckt

Hallo, Rollmops,
hast du eben nicht. Schau mal in die mittlere Tabellenreihe.

Naja, da hab ich ja auch im tr keine Höhenangabe die ich ins td übernehmen könnte. Welche Höhe sollte ich auch angeben? Wenn ich hier 100% angebe dann wird diese Tabellenzeile so hoch wie die Bildschirmhöhe, und das will ich ja nicht.

Ausserdem bin ich draufgekommen, dass ich über CSS noch den body und html auf height: 100% gestellt habe. Ohne das breitet sich die Tabelle weder im IE noch im Firefox über die ganze Höhe aus.

Ich habe also im Moment also folgende Datei:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
  <meta name="generator" content="Adromir">
  <title>Spalten</title>
  <style type="text/css" media="screen">
      * { margin: 0; padding: 0; }
      html,body{ height: 100%;}
    </style>
 </head>

<body>
  <table style="height:100%; Width:100%" border="1">
   <colgroup>
    <col width="200px">
    <col width="*">
   </colgroup>
   <tr>
    <td style="height:50px;">test</td>
    <td style="height:50px;">test</td>
   </tr>
   <tr>
    <td>test</td>
    <td>test</td>
   </tr>
   <tr>
    <td style="height:50px;">test</td>
    <td style="height:50px;">test</td>
   </tr>
  </table>
 </body>
</html>

Die zu folgendem Ergebnis führt:
Firefox:
Firefox

IE:
IE

Best wishes, imho_tep

Danke für eure Hilfe,
Rollmops