|
|
|
| Имеется таблица:
<table width="100%" cellpadding="0" cellspacing="0" border="1">
<tr>
<td height="224"> </td>
<td class="content" rowspan="3" valign="top">контент<br/></td>
<td height="224"> </td>
</tr>
<tr>
<td bgcolor="red"> </td>
<td bgcolor="red"> </td>
</tr>
<tr>
<td height="325"> </td>
<td height="325"> </td>
</tr>
</table>
|
При заполнении ячейки класса "content" (без стилей) увеличивается высота всей таблицы. Необходимо, чтобы ячейки с красным фоном растягивались по высоте.
Данный код работает только для "правильных" браузеров, в ИЕ всех версий не работает.
Скрин FF: funkyimg.com/u2/749/579/ff.jpg
Скрин IE: funkyimg.com/u2/759/686/ie.jpg
Есть идеи у кого-нибудь? Спасибо. | |
|
|
|
|
|
|
|
для: Katakikuto
(25.05.2009 в 23:25)
| |
<table width="100%" cellpadding="0" cellspacing="0" border="1">
<tr height="33%">
<td height="224"> </td>
<td class="content" rowspan="3" valign="top">контент<br/></td>
<td height="224"> </td>
</tr>
<tr height="33%">
<td bgcolor="red"> </td>
<td bgcolor="red"> </td>
</tr>
<tr height="33%">
<td height="325"> </td>
<td height="325"> </td>
</tr>
</table>
|
А так? | |
|
|
|
|
|
|
|
для: ExtraBrain
(25.05.2009 в 23:34)
| | Нет, не подходит... | |
|
|
|
|
|
|
|
для: Katakikuto
(26.05.2009 в 01:47)
| | с ккого перепуга им растягиваться если в них нет данных? | |
|
|
|
|
|
|
|
для: Katakikuto
(26.05.2009 в 01:47)
| |
<table width="100%" cellpadding="0" cellspacing="0" border="1">
<tr>
<td bgcolor="red" valign="top">
<table width="100%" height="224" bgcolor="white"><tr><td> </td></tr></table>
</td>
<td class="content" rowspan="3" valign="top">
контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>
контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>
контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>
контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>
контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>
контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>
</td>
<td bgcolor="red"height="224" valign="top">
<table width="100%" height="224" bgcolor="white"><tr><td> </td></tr></table>
</td>
</tr>
<tr>
<td bgcolor="red"> </td>
<td bgcolor="red"> </td>
</tr>
<tr>
<td bgcolor="red" valign="bottom">
<table width="100%" height="325" bgcolor="white"><tr><td> </td></tr></table>
</td>
<td bgcolor="red" valign="bottom">
<table width="100%" height="325" bgcolor="white"><tr><td> </td></tr></table>
</td>
</tr>
</table>
|
А может так? | |
|
|
|
|
|
|
|
для: Katakikuto
(26.05.2009 в 01:47)
| |
<table width="100%" cellpadding="0" cellspacing="0" border="1">
<tr>
<td bgcolor="red" valign="top">
<table width="100%" height="224" bgcolor="white"><tr><td> </td></tr></table>
</td>
<td class="content" rowspan="2" valign="top">
контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>
контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>
контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>
контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>
контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>
контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>контент<br/>
</td>
<td bgcolor="red"height="224" valign="top">
<table width="100%" height="224" bgcolor="white"><tr><td> </td></tr></table>
</td>
</tr>
<tr>
<td bgcolor="red" valign="bottom">
<table width="100%" height="325" bgcolor="white"><tr><td> </td></tr></table>
</td>
<td bgcolor="red" valign="bottom">
<table width="100%" height="325" bgcolor="white"><tr><td> </td></tr></table>
</td>
</tr>
</table>
|
Или даже так? | |
|
|
|