Вопрос по CSS+HTML

[Zroman]

Таблица находится в ячейке другой таблицы. При этом высота ячейки всё время меняется, но она заведомм больше высоты содержимого таблицы, которую она содержит. Как указать, что таблица должна растягиваться по высоте на всю высоту ячейки, в которой она находится?

[Oscar]

Zroman,

style="height: 100%;"

Код: Выделить всё

<style>
table {
	border-collapse: collapse;
}

.outerTable {
	border: 1px solid black;
}

#cell {
	width: 100px;
	height: 100px;
}

.innerTable {
	border: 1px solid red;
	height: 100%;
	width: 100%;
}
</style>


<input id="size" value="200"><input type="button" onclick="change();" value="Change">


<table class="outerTable">
<tr>
<td id="cell">

<table class="innerTable"><tr><td></td></tr></table>

</td>
</tr>
</table>


<script>
function change() {
	var size = document.getElementById('size').value;
	document.getElementById('cell').style.width = size + "px";
	document.getElementById('cell').style.height = size + "px";
}
</script>

P.S. А почему не в соответствующем разделе? ..

[Zroman]

Я и указываю для innerTable стиль style="height: 100%;" но не срабатывает

[Oscar]

Zroman, а у ячейки высота указана? ...

Высота внутренней таблицы при (style="height: 100%;") равна высоте (style.height) ячейки ..

[Zroman]

у ячейки высота неуказана. Она варьируется в зависимости от кол-ва теста в соседней с ней ячейке.