[HTML] удлинить высоту таблицы до высоты td

Vodnik

как удлинить высоту таблицы(с несколькими рядами внутри) до высоты td(высота которой не определена в котором эта таблица находится?
<table height="100%"> не работает, видимо потому что высота не определена

stm7884696

поставь бордеры 1 и посмотри, какого размера у тебя тд... стопудов - оно растягивется только на величину нескольких рядов...
Или задавай размеры тд, или во внутренней таблице проставляй высотц в пикселах....

dedwowan

Или он смотрит результат не в ИЕ и атрибут height у таблицы игнорируется браузером )

skvoria

Прибей cellspacing, cellpadding, и все маргины и паддинги которые есть. Если поможет - будем детально разбираться

Darion




<table width="150" border="0">

<tr>

	<td width="100">

test test test test test 

test test test test test 

test test test test test

test test test test test

          </td>

	<td id="object_outer">

	<table id="my_table" border="3">

	<tr><td>test2</td></tr>

	</table>

	</td>

</tr>

</table>

<script language="JavaScript">

	my_table.height=object_outer.offsetHeight;

</script>

Vodnik

вот это что-то интересное, стопудоф пригодится, спасибо

dedwowan

Это называется "из Москвы в Дубну через Кострому"
ЗЫ к обьекту по id надо обращаться так document.getElementById("id")

Vodnik

да у нас там три тэйбла, каждый из них надо подгонать под самый длинный из них...

Vodnik

блин, только заметил надпись Only IE
насколько я понимаю getElementById решает эту проблему?

dedwowan

да, решает
но независимо от вложенности таблиц можно обойтись средствами html и css

stm7884696

ибо под оперу или шкаф такой скрипт может не заработать..

Darion

getElementById - это не главное.
У других я не знаю аналога offset - свойств, опера и мозилла, например, не понимают

artimon

Ты из какого леса вылез?
И Opera и Mozilla знают о существовании offset.
Для мозиллы вот ссылка http://www.mozilla.org/docs/dom/domref/dom_el_ref.html

Darion




<table width="150" border="0">

<tr>

<td width="100">

test test test test test 

test test test test test 

test test test test test

test test test test test

          </td>

<td id="object_outer">

<table id="my_table" border="3">

<tr><td>test2</td></tr>

</table>

</td>

</tr>

</table>

<script language="JavaScript">

  dom_my_table = document.getElementById("my_table");

  dom_object_outer = document.getElementById("object_outer");

  dom_my_table.style.height=dom_object_outer.clientHeight;

</script>

Оставить комментарий