<html>
<body>
<table border="1">
<tr>
<td style="background-color: blue; height: 100%">
<table style="width: 100%; height: 100%; background-color: red;">
<tr>
<td>left</td>
</tr>
</table>
...
Проблема с "height: 100%"
Здравствуйте.
Помогите, пожалуйста.
Есть код.
[html]
<html>
<body>
<table border="1">
<tr>
<td style="background-color: blue;">
<table style="width: 100%; height: 100%; background-color: red;">
<tr>
<td>left</td>
</tr>
</table>
</td>
<td>
Много, очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень
очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень
очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень
очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень
очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень
много текста. А точнее ровно настолько, что бы по высоте эта ячейка была больше чем ячейка слева от этой.
</td>
</tr>
</table>
</body>
</html>
[/html]
"height: 100%;" заданный для внутренней таблицы не помогает.
Как мне растянуть высоту внутренней таблицы на всю высоту ячейки в которой она находится?
Подскажите, пожалуйста.
Помогите, пожалуйста.
Есть код.
[html]
<html>
<body>
<table border="1">
<tr>
<td style="background-color: blue;">
<table style="width: 100%; height: 100%; background-color: red;">
<tr>
<td>left</td>
</tr>
</table>
</td>
<td>
Много, очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень
очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень
очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень
очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень
очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень очень
много текста. А точнее ровно настолько, что бы по высоте эта ячейка была больше чем ячейка слева от этой.
</td>
</tr>
</table>
</body>
</html>
[/html]
"height: 100%;" заданный для внутренней таблицы не помогает.
Как мне растянуть высоту внутренней таблицы на всю высоту ячейки в которой она находится?
Подскажите, пожалуйста.
Хрень какая-то! У Вас высота внешней таблицы не задана - куда вы внутреннюю тянуть собрались? У вас и так внутренняя таблица растягивает по высоте ячейку внешней таблицы.