Фиксирование высоты ячеек по их содержанию в IE и Mozilla

[Kimi]

Здравствуйте! Скорее всего моя проблема обсуждалась на этом форуме уже не раз, однако поиск не помог найти решения, т.ч. если вдруг повтор, извините.

Проблема, собственно, вот в чём... Есть довольно элементарная и простая часть таблицы вида:

<tr>
<td width="665" rowspan="8">1</td>
<td width="285">2</td>
</tr>
<tr>
<td width="285" height="29">3</td>
</tr>
<tr>
<td width="285">4</td>
</tr>
<tr>
<td width="285" height="29">5</td>
</tr>
<tr>
<td width="285">6</td>
</tr>
<tr>
<td width="285" height="29">7</td>
</tr>
<tr>
td width="285">8</td>
</tr>
<tr>
<td width="285" height="100%">9</td>
</tr>

где: 1-Основное содержимое страницы ( текст, изображения и прочее ); 3,5,7-ячейки с фиксированной высотой и картинкой-фоном ( там заголовки для содержимого последующих ячеек ); 2,4,6,8-ячейки с различным содержимым; 9-ПУСТАЯ ЯЧЕЙКА.

По наивной задумке, в случае, если содержимое 1-ой ячейки больше по высоте, чем содержимое всех заполненных правых ячеек, то все ячейки 2-8 сохраняют свою высоту не больше содержимого ячейки, а 9-ая растячивается, заполняя всё оставшееся пространство. Замечу, что дело немного осложняет тот факт, что содержимое ячеек меняется в завимости от того, зарегистрирован пользователь или нет. Поэтому не рискнул прописывать ячейкам 2,4,6,8 фиксированную высоту в пикселях без консультации с вами, дабы не попортить то что есть.

Только вот на деле, всё отлично смотрится лишь в браузере Opera. В IE и Mozilla пустая ячейка вообще не растягивается ни на миллиметр, но зато растягиваются в равной степени ячейки, где нет height="", т.е. 2,4,6,8, настолько, насколько необходимо до нижнего края 1-ой ячейки.

Мои, не самые хорошие познания, позволили мне лишь поэксперементировать с добавлением в <td ...... > растягиваемых ячеек height="auto" и style="height:auto;", что естественно совершенно не помогло.

Поэтому очень надеюсь на вашу помощь!

P.S. Долго соображал, как назвать тему, чтобы из заголовка было максимально понятно о чём речь...

[Puhh]

свойство min-height пробовали?

[Kimi]

Минимальная высота? Так мне как раз наоборот, нужно чтобы больше определённого максимума ( а максимум - это содержимое ячейки ) не растягивало в высоту.

max-height попробовал - не помогает для IE и Фокса.

Вот для иллюстрации сделал скриншоты:

Edited May 1, 2010 by Kimi

[psywalker]

Ячейка всегда будет тянуться по высоте, в зависимости от содержимого.

[Kimi]

psywalker, в Operе, да, ячейка вытягивается по высоте содержимого и не больше. На всю оставшуюся высоту растягивается пустая ячейка. В IE и Mozillа все ячейки вытягиваются помимо высоты содержимого ещё в равной степени настолько, насколько нужно для заполнения всего оставшегося пространства. Пустая ячейка вообще не видна, а если в неё и добавить что-то ( пробел или какой-то символ в цвет фона ), то она вытянется наравне с остальными... а в IE растягиваются даже те ячейки у которых прописана высота height="29"

Наверное я не могу в полной мере описать свою проблему, поэтому для наглядности ещё пара скриншотов с нанесённой на них для наглядности разметкой:

Вот как выглядит в Опере. Это правильное отображение.

А так выглядит в Mozilla. Так не правильно.

Код этого участка есть в первом сообщении.

Проблема в том, чтобы в Mozilla ( и также IE ), отображалось также как в Opera.

Добавление в style ячейки height:auto; max-height:число в пикселях; не помогло. Может я не те параметры вписываю?

Edited May 2, 2010 by Kimi

[psywalker]

Запихни правую часть в дивы, и задай им высоту строгую.

[Kimi]

Попробовал засунуть в...

<div class="Block1"></div>

.block1 {

height: 435px;

max-height: 435px;

}

Опять же, для Оперы подействовало, хоть и не надо было, в IE и Mozilla ячейки по-прежнему расстягиваются по высоте как на скриншотах выше.

[Searcher]

Это один из многих приятных моментов, когда блочная верстка гораздо проще табличной! ))

Какой доктайп используете, сударь?