Online Shopping : Computers : Programming : Languages : JavaScript : Tables

+ Search
Add Entry AlertManage Folder Edit Entry Add page to http://del.icio.us/
Did You Find This Entry Useful?

5 of 31 people (16%) answered Yes
Recently 1 of 10 people (10%) answered Yes

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