Z
zuldek
Вот не могу понять как правильно сделать. Есть таблица
Нужно чтобы по мере наполнения контентом растягивались только две белые ячейки (вторая сверху в первом столбце, и сайдбар во втором столбце).
А у меня получается что растягиваются все ячейки (правильно отображает только Firefox). Как надо переписать код таблицы(или сделать в несоклько таблиц/дивов) чтобы растягивались по высоте только белые ячейки?
Ссылка скрыта от гостей
Нужно чтобы по мере наполнения контентом растягивались только две белые ячейки (вторая сверху в первом столбце, и сайдбар во втором столбце).
А у меня получается что растягиваются все ячейки (правильно отображает только Firefox). Как надо переписать код таблицы(или сделать в несоклько таблиц/дивов) чтобы растягивались по высоте только белые ячейки?
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="ru">
<head>
<title>123</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
<table width="500px" border="1">
<tr>
<td height="40px" colspan="2"></td>
</tr>
<tr>
<td width="300px" height="30px" bgcolor="#990000">ячейка фиксированной высоты, не тянется</td>
<td valign="top" rowspan="4"><p>текст, ячейка должна растягиваться по высоте</p>
<p>текст, должен тянутся.</p>
<p>текст, должен тянутся.</p>
<p>текст, должен тянутся.</p>
<p>текст, должен тянутся.</p>
<p>текст, должен тянутся.</p>
<p>текст, должен тянутся.</p>
<p>текст, должен тянутся.</p>
<p>текст, должен тянутся.</p>
<p>текст, должен тянутся.</p>
<p>текст, должен тянутся.</p>
<p></p>
<p>текст, должен тянутся.</p>
<p>текст, должен тянутся.</p></td>
</tr>
<tr>
<td>ячейка должна рстягиваться по высоте</td>
</tr>
<tr>
<td height="30px" bgcolor="#999999">ячейка не должна тянутся по высоте</td>
</tr>
<tr>
<td height="40px" bgcolor="#336633">ячейка не должны тянутся п овысоте</td>
</tr>
</table>
</body>
</html>