Making a Col-Rowsan Table Behave

<--next tr has no height --> <-- just to set col widths --> <-- 1 -->

<table border="0" cellspacing="0" cellpadding="0"> <td><table bgcolor="#448888" gradcolor=0 cellspacing=1 cellpadding=0 border=0> <--next tr has no height --> <-- just to set col widths --> <tr><td width=36></td><td width=36></td><td width=36></td></tr> <-- 1 --> <tr><td height=65 colspan=3 bgcolor=black></td></tr> <!-- 2 --> <tr><td height=65 colspan=2 bgcolor=black></td> <td rowspan=3 bgcolor=black gradcolor=326464></td></tr> <!-- 3 --> <tr><td height=65 bgcolor=black></td> <td rowspan=2 bgcolor=black gradcolor=326464></td></tr> <!- 4 --> <tr><td height=65 bgcolor=black gradcolor=326464></td></tr></table></td> <!-- end left table --> <!-- begin center table --> <td><table bgcolor="#448888" gradcolor=0 cellspacing=1 cellpadding=0 border=0> <tr><td width=36></td></tr> <tr><td height=263 bgcolor=black gradcolor=326464></td></tr></table></td> <!-- end center table --> <!-- begin right table --> <td><table bgcolor="#448888" gradcolor=0 cellspacing=1 cellpadding=0 border=0> <!-- each row has to start with a single-height td --> <tr><td></td><td width=36></td><td width=36></td><td width=36></td></tr> <!-- 1 --> <tr><td height="65"></td> <td height="65" colspan=3 bgcolor=black></td></tr> <!-- 2 --> <tr><td height="65"></td> <td height="195" rowspan=3 bgcolor=black gradcolor=326464></td> <td colspan=2 bgcolor=black></td></tr> <!-- 3 --> <tr><td height="65"></td> <td height="135" rowspan=2 bgcolor=black gradcolor=326464></td> <td bgcolor=black></td></tr> <!-- 4 --> <tr><td height="65"></td> <td height="65" bgcolor=black gradcolor=326464></td></tr></table> </td></table><br><br>

Click to see a misbehaving table

Back to Flo's Table Playground
[an error occurred while processing this directive]