hey everyone.
i have a table with 3 columns, 2 rows. now i want the 2 outer colums of the 1st row to have a set height (for a colour-flow-background) and the outer colums of the 2nd row to automatically adjust to the content height of the middle column/cell.
here is the code:
so when i enter content of more than 465px in the middle column, i want the outer upper cells to remain at 465px and the outer lower cells to make up for the rest of the page. but what happens is that the cell that i set to 465 stretches in length and repeats its [1px x 465px] backgroundpicture (which then of course looks all messy).
any simple suggestions? i tried embedding another table into the cell - then i tried the background:repeat tag and some other stuff - unsuccessful.
please help! thx!
i have a table with 3 columns, 2 rows. now i want the 2 outer colums of the 1st row to have a set height (for a colour-flow-background) and the outer colums of the 2nd row to automatically adjust to the content height of the middle column/cell.
here is the code:
Code:
<table width="100%" style="height: 100%;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="200" height="465" background="layout/bg.gif"></td>
<td></td>
<td width="200" height="465" background="layout/bg.gif"></td>
</tr>
<tr>
<td width="200" bgcolor="#5D7B98"></td>
<td></td>
<td width="200" bgcolor="#5D7B98"></td>
</tr>
</table>
so when i enter content of more than 465px in the middle column, i want the outer upper cells to remain at 465px and the outer lower cells to make up for the rest of the page. but what happens is that the cell that i set to 465 stretches in length and repeats its [1px x 465px] backgroundpicture (which then of course looks all messy).
any simple suggestions? i tried embedding another table into the cell - then i tried the background:repeat tag and some other stuff - unsuccessful.
please help! thx!