Entry

IE6 standards-compliant mode ROW HEIGHT

How can I create a 3-row-table with HEIGHT 100%, where row 1 and 3 should have a FIXED height (25px)

...and row 2 a VARIABEL height, taking THE REMAINING x% of the page, using IE6 STANDARDS-COMPLIANT M

... MODE (DOCTYPE XHTML 1.0 Strict) It works in MOZILLA and IE TRANSITIONAL mode.

This does NOT work in IE6 with <DOCTYPE strict>. ANYBODY ELSE?

This does NOT work in IE6 with <DOCTYPE strict>. ANYBODY ELSE?

This does NOT work in IE6 with <DOCTYPE strict>. ANYBODY ELSE?

Sep 9th, 2003 04:00
Jean-Bernard Valentaten, Guest, Lin Mingshuo,

Even though this does not seem like a javascript question to me, 
here's the answer.
The easiest way ist to use cascading style-sheets:
<style type="text/css">
  tr.toprow
  {
    height: 25px;
  }
  tr.bottomrow
  {
    height: 25px;
  }
</style>
...
<table height="100%">
  <tr class="toprow">
  ...
  </tr>
  <tr>
  ...
  </tr>
  <tr class="bottomrow">
  ...
  </tr>
</table>
HTH,
Jean