<table>
<tr>
<td>
<div style="width:100%;height:100%">
DHTML
</div>
</td>
<td width="100%" colspan="2"> </td>
</tr>
<tr>
<td></td>
</tr>
</table>
<td><div>DHTML</div></td>
Ситуация:
Код:
между тегами <div></div> находится динамический html, который может изменять размер этого div`а. Может возникнуть такая ситуация, что размеры div`а выходят за границы ячейки таблицы в которую он заключен. При изменении размера окна браузера таблица перерисовывается и расширяется до размеров div`а.
Вопрос: как без лишних наворотов избежать выползания div`а за ячейку таблицы. Чтобы не ячейка ограничивала размеры div`а, а div менял размеры ячейки.
Код:
<table width="100%" height="100%">
<tr>
<td><div>DHTML</div></td>
<td colspan="2"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<tr>
<td><div>DHTML</div></td>
<td colspan="2"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
так не катит ?
да еще не знаю какой смысл писать width:100% в диве если он всегда и так на всю ширину ячейки будет если это свойство не менять.
Возможно я ошибаюсь.
Код:
width:100%;height:100%
100% относительно чего? Следует указать размеры в пикселах. Также настоятельно рекмендую привести документ к стандарту HTML4.01 или XHTML1.0 Transitional, без стандартов каждый браузер вправе отображать страницу как угодно, будешь "до скончания веков отлаживать код свой в поте лица своего" :)
Да, и перенесите тему в раздел про вёрстку.
Цитата: foxweb
Код:
width:100%;height:100%
100% относительно чего?
Как обычно относительно контейнера родительского блока :)
Цитата: alekciy
Как обычно относительно контейнера родительского блока :)
Это был риторический вопрос :)