http://www.nibbler.be/test.html (ofc this will be made css valid but its just an example)
the tables with 'tekst' and 'tekst2' should stretch downwards and connect with the gray line on the bottom.
can anybody help me with this?
Thanks
CODE
<table height="100%" border="1" width="50%">
<tr>
<td valign="top">
<table height="100%" border="1" width="100%">
<tr>
<td width="30%" bgcolor="#999999" valign="top" height="100%"><p>tekst</p><p>tekst</p><p>tekst</p><p>tekst</p><p>tekst</p></td>
<td valign="top" height="100%"><p>tekst2</p><p>tekst2</p><p>tekst2</p><p>tekst2</p><p>tekst2</p><p>tekst2</p></td>
</tr>
</table>
</td>
<td valign="top"><p>image</p><p>image</p><p>image</p><p>image</p><p>image</p><p>image</p><p>image</p></td>
</tr>
<tr>
<td colspan="3" bgcolor="#999999" width="100%"> </td>
</tr>
</table>
<tr>
<td valign="top">
<table height="100%" border="1" width="100%">
<tr>
<td width="30%" bgcolor="#999999" valign="top" height="100%"><p>tekst</p><p>tekst</p><p>tekst</p><p>tekst</p><p>tekst</p></td>
<td valign="top" height="100%"><p>tekst2</p><p>tekst2</p><p>tekst2</p><p>tekst2</p><p>tekst2</p><p>tekst2</p></td>
</tr>
</table>
</td>
<td valign="top"><p>image</p><p>image</p><p>image</p><p>image</p><p>image</p><p>image</p><p>image</p></td>
</tr>
<tr>
<td colspan="3" bgcolor="#999999" width="100%"> </td>
</tr>
</table>