Как сделать <table> во всю высоту экрана?

Prisoner · Отправлено: **00:35, 17-06-2007** | #4

IE впереди планеты всей... чистым CSS лично у меня не получилось, может дело в конце рабочей недели, но факт. В общем, используя маленький хак, имеем:

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-Type" content="text/html; charset=windows-1251" />
<meta http-equiv="content-language" content="ru" />
<title>The table</title>
<style type="text/css">
html, body {
  height:100%;
  margin: 0;
  padding: 0;
}

table {
  border: 0 none;
  border-collapse: collapse;
}

table td {
  padding: 0;
  border: 0 none;
}

table.rootTable {
  width: 100%;
  height: 100%;
}

table.rootTable td.header {
  background: red;
  height: 155px;
}

table.rootTable td.body {
  background-color: yellow;
  _height: expression(document.documentElement.clientHeight - 155 - 100 + 'px');
}

table.rootTable td.footer {
  background: green;
  height: 100px;
}
</style>
</head>
<body>
<table class="rootTable">
  <tr><td class="header">header</td></tr>
  <tr><td class="body">body</td></tr>
  <tr><td class="footer">footer</td></tr>
</table>
</body>
</html>