Здравствуйте, Ingvar.
Вы писали 9 августа 2005 г., 10:08:11:
I> Привет всем!
I> У меня такая ситуация. Постараюсь в двух словах.
I> Есть вот такая таблица
I> 1-я таблица
I> I> | | 2-я таблица |
I> | | ---------------------------------|
I> | || ||
I> | || ||
I> | || ||
I> | || ||
I> | || ||
I> | || ||
I> | |----------------------------------|
I> I> Код:
I> 1-я таблица
I> <table border="0" cellpadding="0" cellspacing="0"
I> align="CENTER" style="border-collapse:collapse;">
I> <tr>
I> <td height="100%" valign="top" background="img/l.gif" width="201"></td>
I> <td height="100%" valign="top" width="500">
I> 2-я таблица
I> <table height="100%" border="1" cellpadding="5"
I> cellspacing="5" align="left" style="border-collapse:collapse;">
I> <tr valign="TOP">
I> <td class="text"></td>
I> </tr>
I> </table>
I> </td>
I> </tr>
I> </table>
I> I> В чем собственно говоря сложность?
I> Сложность в кроссбраузерности. Если содержимое второй таблицы меньше
I> чем первой, то в Опере и Интернет Експлорере она выглядит примерно
I> так:
I> 1-я таблица
I> I> | | 2-я таблица |
I> | | ---------------------------------|
I> | || текст ||
I> | || ||
I> | ||---------------------------------|
I> | |
I> | |
I> | |
I> | |
I> I> ТО есть получается что для Мозилы и Нетскейпа свойства действительны.
I> Короче сложность в кроссбраузерности. Подскажите кто знает как обойти
I> это дело.
I> Заранее спасибо.
I> ЗЫ. В коде содержимое удалил для меньшего размера :)
Высоту необходимо указывать как стиль - height:100%
Другое дело, что необходимо соблюдать следующее правило -
Для того, чтобы указать размер любого тега в процентах, браузер должен
знать размер предыдущего элемента (контейнера). Он может быть задан в
или пикселях, или в процентах, но он должен быть задан. Если
предыдущим элементом является <body>, то его размер задавать не нужно.
Таким образом код будет выглядеть следующим образом:
<table border="1" cellpadding="0" cellspacing="0" align="CENTER" style="border-collapse:collapse;
height:100%;">
<tr>
<td valign="top" background="img/l.gif" width="201"></td>
<td valign="top" width="500">
<table width="100%" border="1" cellspacing="5" cellpadding="5"
align="left" style="border-collapse:collapse; height:100%;">
<tr valign="top">
<td class="text"></td>
</tr>
</table>
</td>
</tr>
</table>