Benjamin: tabelle: height:100% - angezeigt wird aber ~110%

Beitrag lesen

Hi ihr!

Ich finde leider den Fehler nicht: diese tabelle sollte eigentlich laut definition 100% der verfügbaren höhe einnehmen. Sie dehnt sich allerdings (im Firefox) auf ca 110% aus - es wird also ein scrollbalken angezeigt. könnt ihr den fehler entdecken?

das stylesheet:
html,body {
         margin-top:5px;
         margin-bottom:5px;
         text-align:center;
         height:100%;
         width:100%; }

die html-datei:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title>NewVision Consulting - DESIGNENTWURF 2</title>
  <link rel="Stylesheet" href="stylesheet.css" type="text/css">
</head>
<body>
<table style="margin-left:auto; margin-right:auto; width:800px; height:100%; border:1px solid #E4E4E5;"><tr><td style="vertical-align:top;">
  <!--Kopfzeile START -->
  <table style="width:100%; height:70px;">
  <tr>
   [...]
  </tr>
  </table>
  <!-- Kopfzeile ENDE -->
  <!-- INHALT START --><br>
  <table cellspacing="4" cellpadding="0" style="width:624px;" align="center">
   <tr style="height:120px;">
    [...]
   </tr>
   <tr>
    [...]
   </tr>
   <tr>
    [...]
   </tr>
   <tr style="height:120px;">
    [...]
   </tr>
  </table>

</td></tr></table>
</body>
</html>

Vielen Dank im Voraus!