Высота ячеек в IE

[k@ss]

Проблема такая:

Наверстал страничку, сделал таблицу примерно таким образом:

Тейбл сделал по ширине 100%, по высоте 100% (чтобы при неполном заполнении желтой ячейки по высоте не уезжал)

Проблема такая, в IE если текста в желтой ячейке больше по высоте, чем экран (т.е. тейбл уезжает по высоте), голубые ячейки тоже увеличивают высоту. Пробовал фиксировать и через свойста тега и через CSS.

Вот код тейбла:

<TABLE cellspacing=0 cellpadding=0 class="big" rules="none">
 <TR><TD colspan=3 height=259>
 <TABLE width=100% cellspacing=0 cellpadding=0 border=0 height=259>
 <TR><TD rowspan=2 width=756 height=234>
 <TD background="/images/toptop.png" height=61><BR>
 <TR><TD class="topmov" background="/images/topimgback.png" height=173>
 <TR><TD colspan=2 background="/images/topbot.png" height=25 valign="middle" align="center">
 </TABLE>
 <TR><TD class="nav2top"> 
 <TD rowspan=3 align="left" valign="top" class="big3">
 <TD rowspan=3 width=250 class="menu">
 <TR><TD width=270 bgcolor="#004B92" valign="top">
 <TR><TD class="nav2bot">
 <TR><TD colspan=3 background="/images/topbot.png" height=25 align="right">
</TABLE>

Вот CSSка к этому делу:

BODY {margin: 0 0 0 0;}

TABLE.big {
 width: 100%;
 height: 100%;
 border: 0px;}

TD.topmov {background-position: right top;}

TD.nav2top {
 width: 270;
 height: 54;
 max-height: 54;
 background: url("/images/navtop.png");}

TD.nav2bot {
 width: 270;
 height: 54;
 max-height: 54;
 background: url("/images/navbot.png");}

DIV.upnav {
 font-family: verdana;
 color: #00AAFF;
 font-size: 14px; }

DIV.nav2 {
 margin-top: 10;
 margin-left: 10;}

TD.big2 {
 border-left: 5px solid #048ad6;
 border-right: 10px solid #048ad6;
 background-color: #c0e8ff;}

TD.big3 {
 border-left: 5px solid #048ad6;
 background-color: #c0e8ff;}

TD.menu {
 border-left: 2px solid #acc1cc;
 border-top: 2px solid #acc1cc;
 border-bottom: 2px solid #acc1cc;
 border-right: 10px solid #50ade2;
 background-color: #d3efff;}

DIV.main { margin: 30 20 20 25;}

При том, все background'ы и картинки и текст подогнаны по размеру.

В Мозилле такой фигни не наблюдается.

Зато Мозилла не отображает границы у TD.menu, хотя остальные отображает...

Вс? это клеится из 3х PHPшек (я копипастил с Мозиллы)

Заранее благодарю!

[Fed]

в белой таблице где постоянная ширина укажите style="height:100%;" и никуда ничего не поедет

[Tokolist]

2 k@ss

Подходит вариант, который не пройдет валидацию?

Если да, то скажу как сделать.

[k@ss]

А то я для валидации пишу?

Мне-то пофигу. Главное, чтобы поисковики индексировали.

Попробуем и стайл 100% поставить.

А вообще, Мелкомягким Банан! За кривость написания софтины.

[Tokolist]

У меня было нечто похожее.

Делаешь так:

1. квиркс моде

2. выделенное красным делаешь отдельной таблицей (условно будем называть таблица 1)

3. для таблицы 1 задаешь высоту 100%

4. для ячейки, в которой находится таблица 1 задаешь высоту 100% (для всех браузеров)

5. для основной таблицы (в которой находится таблица 1) задаешь высоту 1% (для Оперы)

Красное и желтое также наверно надо будет сделать отдельной таблицей.

Все должно работать. Если нет, то выкладывай неработающий код.

....немного не элегантно, но что поделать ....

[k@ss]

Спасибо больше. Попробуем... домой бы добраться =)

[k@ss]

Да, разобрался. Сделал несколько тейблов. Спасибо.