Таблицы, браузеры...

[Eugeneath]

Создается таблица, в первой колонке одна ячейка, во второй - 3.

<table border="0">
<tbody>
<tr>
<td style="width: 85%;" rowspan="3">
тут очень много текста</td>
<td style="height: 34%; width: 15%;" align="center" valign="middle">Здесь идут некие заметки на полях, занимающие пару строк</td>
</tr>
<tr>
<td style="height: 33%; width: 15%;" align="center" valign="middle">Здесь идут некие заметки на полях, занимающие пару строк</td>
</tr>
<tr>
<td style="height: 33%; width: 15%;" align="center" valign="middle">Здесь идут некие заметки на полях, занимающие пару строк</td>
</tr>
</tbody>
</table>

Логично, что мы должны увидеть:

Это так отображает файрфокс. Отлично. Но!

Открываем гуглхром:

Почему гуглхром (как и опера) не воспринимают высоту в процентах??? Тогда как лисичка с IE - вполне.

Edited April 12, 2012 by Eugeneath

[Eugeneath]

Методом экспериментов выясняется, что если просто три ячейки создавать, то всё они воспринимают.

Этим же методом было выявлено, что в хроме это начинает работать, если задать большую высоту всей таблицы.

В принципе проблема теперь ясна, что хром не так догадлив, как мозилла, и не знает от чего взять эти 33%.

Как же ему это показать, не указывая высоту в пикселях?

[alex_anderr]

Я бы такую штуку дивами сверстал и не парился бы с кроссбразуерностью.

Обязательно таблицы?

[Eugeneath]

Я бы такую штуку дивами сверстал и не парился бы с кроссбразуерностью.

Обязательно таблицы?

Действительно, можно и дивами.

Но я уже передумал насчет срединного вертикального выравнивания, привяжу "заметки на полях" к определенным местам)

[Eugeneath]

А вот и кстати нет.. дивами тоже не выходит, у них нет никакого вертикального выравнивания вовсе)

Левый же блок меняет свою высоту в зависимости от ширины, и конкретный отступ в пикселях не задать