Hello all-
I'm having a problem getting a table on one of my pages to come out right and I think I've found the simplest instance of my problem.
The code below is a simple table with 3 cells, 2 along the left side and one that spans 2 rows on the right. I've colored all the cells in this example very brightly so you can see what I'm talking about.
In this code the upper left cell's height is fixed (or should be fixed) at 20 pixels. The lower left cell has no specified height. The idea is that the lower left cell should become taller as the text in the large cell grows. ie the upper left cell should stay fixed at 20 and the lower left cell should expand to make up the difference (or at least that's what I want it to do).
As you can see if you save this code to a file and open it with IE, the upper left cell is much longer than 20 pixels. Does anyone know how I can make the upper left cell stay fixed and have the rest of the table strech to accomodate the text in the large cell? Am I missing something obvious? I've only been working with HTML for a little while now.
Thanks in advance,
Mike
Code:
<html>
<body>
<table>
<tr>
<td width="100" height="20" bgcolor="#FF0000"> </td>
<td width="500" rowspan="2" bgcolor="#00FF00">
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
</td>
</tr>
<tr>
<td bgcolor="#0000FF"></td>
</tr>
</table>
</body>
</html>