Lukas: Höhe der Tabellen

Beitrag lesen

Hi Leute,

das Thema bezüglich DOCTYPE und height: 100% wurde ja schon des öfteren diskutiert, aber dennoch finde ich für folgendes Problem keine funktionierende Lösung:

Ich benötige eine Tabelle die sich über die gesamte Browserseite Höhe und Breite) ausbreitet. Diese Tabelle soll 3 weitere Tabellen beinhalten, wobei die erste und letzte eine feste Höhe haben, und die mittlere den Rest automatisch ausfüllen soll. Ohne DOCTYPE funktioniert es einwandfrei. Sobald ich dies aber dazuschreibe, zieht der IE die obere und untere Tabelle auf. Firefox stellt es immer noch richtig da, mit der kleinen Einschränkung, dass plötzlich die Scrollbars erscheinen und trotz 100% nach oben-unten bzw. rechts-links gescrollt werden kann (wenn auch nur 2 Millimeter).

mfg und danke

-------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">

<html style="height: 100%;">

<head>
  <title>Test</title>
</head>

<body style="height: 100%; margin: 0px;">

<table style="width: 100%;
       height: 100%;
       border-width: 10px;
       border-style: solid;
       border-color: blue;
       border-collapse: collapse";>

<tr>
 <td style="height: 60px; background-color: green;">
  <table>
   <tr>
    <td></td>
   <tr>
  </table>
 </td>
</tr>

<tr>
 <td style="background-color: red;">
  <table>
   <tr>
    <td></td>
   <tr>
  </table>
 </td>
</tr>

<tr>
 <td style="height: 60px; background-color: green;">
  <table>
   <tr>
    <td></td>
   <tr>
  </table>
 </td>
</tr>

</table>
</body>
</html>