HTML-файл. В нем таблица.
333 444 555 666 777 888 999 999 |
111 |
222 |
Код этой таблицы таков:
<table border="1">
<tr><td rowspan="2">333<br>444<br>555<br>666<br>777<br>888<br>999<br>999</td>
<td height="10">111</td></tr>
<tr><td>222</td></tr>
</table>
Высота первой колонки не задана. Во второй колонке явно задана высота только верхней ячейки.
Opera и Firefox в такой ситуации делают верхнюю ячейку заданного размера, а нижнюю растягивают так, чтобы в сумме получилось равно высоте первого столбца. Эксплорер в этой ситуации одинаково растягивает обе ячейки, невзирая на явно заданную высоту. Посмотрите, как отображается вышеприведенная таблица в разных браузерах.
Вопрос: как можно изящно сделать так, чтобы Эксплорер учитывал высоту верхней ячейки?
(Решение с добавлением вложенной таблицы изящным не считается)