Страница 1 из 1
Вопрос по CSS+HTML
Добавлено: 19 апр 2006, 20:36
Zroman
Таблица находится в ячейке другой таблицы. При этом высота ячейки всё время меняется, но она заведомм больше высоты содержимого таблицы, которую она содержит. Как указать, что таблица должна растягиваться по высоте на всю высоту ячейки, в которой она находится?
Добавлено: 19 апр 2006, 21:32
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. А почему не в соответствующем разделе? ..
Добавлено: 19 апр 2006, 22:00
Zroman
Я и указываю для innerTable стиль style="height: 100%;" но не срабатывает
Добавлено: 19 апр 2006, 22:03
Oscar
Zroman, а у ячейки высота указана? ...
Высота внутренней таблицы при (style="height: 100%;") равна высоте (style.height) ячейки ..
Добавлено: 20 апр 2006, 12:27
Zroman
у ячейки высота неуказана. Она варьируется в зависимости от кол-ва теста в соседней с ней ячейке.