100% div в ie6 помогите плз @ DeForum.ru

Есть табличка в два столбика, в ячейках по диву, надо что бы когда в правом диве много контента левый див принимал 100% высоты. В опере и в фоксе все работает Шестой эксплорер неподдается...
Для удобства залил на хост http://www.likeleto.ru/tmp/test.html
Вобщем надо что бы блок с красной рамкой занял всю высоту ячейки в 6ие
Благодабря, код тоже прикладываю для удобства.

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>test</title>
<style type="text/css">
<!--
html{height:100%; border: 0;}

body {border: 0; margin:0; padding:0; height:auto !important; height:100%; min-height:100%;}

table.outerTable{border-collapse: collapse; height:100%; min-height:100%; width:100%;}

table.outerTable td{margin: 0; padding: 0; vertical-align: top; height:100%; min-height:100%;border:1px solid #000000;}
      
div.white{height:100%; min-height:100%; border:1px solid  #FF0000;}
-->
</style>
</head>
<body>
<table  class="outerTable">
   <tr>
      <td class="tdLeft"><div class="white"></div></td>
      <td class="tdCenter"><div style="height:2000px;"></div></td>
   </tr>
</table>
</body>
</html>

Аналогичная проблема и сейчас как никогда актуальная. Если кто-то знает её решение большая просьба ответить.

gleb_eliseev, я решил эту проблему через js

Код:

<script type="text/javascript">
document.getElementById('left').style.height = document.body.offsetHeight > document.getElementById('content').offsetHeight ? document.body.offsetHeight : document.getElementById('content').offsetHeight;
</script>

на внутренних дивах айди left и content соответственно.

0 Сообщения: 5 Зарегистрирован: 31.05.07

Добрый день, ulitin kirill,

Если использовать ваш скрипт - говорит что:
Error: document.getElementById("left") has no properties

и в IE6 не работает

При этом ваша табличка имеет вид:

Код:

<table  class="outerTable">
   <tr>
      <td class="tdLeft">

      <div class="white" id="left"></div>

      </td>

      <td class="tdCenter">

         <div style="height:2000px;" id="content"></div>

      </td>
   </tr>
</table>

DeДверь
Логин:
Пароль:
	Автологин