Hi
My problem seems simple but I search for hours and cannot find the solution.
Problem when I use a table:
I have 3 cells. Top left a fix corner image. Left should be an expanding TD. On the right a TD with variable content (I do not know the length).
A CCCCC
B CCCCC
B CCCCC
the code I use
<table border=1 cellpadding=0 cellspacing=0>
<tr>
<td height="22"><im g src="images/treeLT.gif" /></td>
<td rowspan="10"><p >c</p><p>c</p><p>c</p></td>
</tr>
<tr>
<td background="ima ges/treeLL.gif" height="100%">< img src="images/treeLL.gif" /></td>
</tr>
</table>
The proplem is, that the height of A is expanding as well and does not keep its height.
I tried with CSS and DIV the same
<div style="border:1 px solid red; width:500px;">
<div style="float:le ft; height:100%; border:1px solid yellow;">
<div><img src="images/treeLT.gif" /></div>
<div id='EXPAND' style="backgrou nd-image:url('imag es/treeLL.gif'); height:100%; width:22px; border:1px solid blue;"><img src="images/treeLL.gif" border=1 /></div>
</div>
<div style="float:le ft">
<p>c</p>
<p>c</p>
<p>c</p>
</div>
</div>
The problem here, the div EXPAND (I put the id just to explain) keeps the heigth of 1 pixel (size of image). How can I make that EXPAND expands to the height of the content div.
Any ideas
Thanks
My problem seems simple but I search for hours and cannot find the solution.
Problem when I use a table:
I have 3 cells. Top left a fix corner image. Left should be an expanding TD. On the right a TD with variable content (I do not know the length).
A CCCCC
B CCCCC
B CCCCC
the code I use
<table border=1 cellpadding=0 cellspacing=0>
<tr>
<td height="22"><im g src="images/treeLT.gif" /></td>
<td rowspan="10"><p >c</p><p>c</p><p>c</p></td>
</tr>
<tr>
<td background="ima ges/treeLL.gif" height="100%">< img src="images/treeLL.gif" /></td>
</tr>
</table>
The proplem is, that the height of A is expanding as well and does not keep its height.
I tried with CSS and DIV the same
<div style="border:1 px solid red; width:500px;">
<div style="float:le ft; height:100%; border:1px solid yellow;">
<div><img src="images/treeLT.gif" /></div>
<div id='EXPAND' style="backgrou nd-image:url('imag es/treeLL.gif'); height:100%; width:22px; border:1px solid blue;"><img src="images/treeLL.gif" border=1 /></div>
</div>
<div style="float:le ft">
<p>c</p>
<p>c</p>
<p>c</p>
</div>
</div>
The problem here, the div EXPAND (I put the id just to explain) keeps the heigth of 1 pixel (size of image). How can I make that EXPAND expands to the height of the content div.
Any ideas
Thanks