| this fixes a bug - 5.0 allocates colspans from right to left - Nav4.6 goes left to right |
| <table width=100 border> |
| <tr> |
| <td colspan=3>xxxxxxxxxxxx</td> |
| <td>y</td></tr> |
| <tr> |
| <td>x</td> |
| <td>x</td> |
| <td>x</td> |
| <td>y</td> |
| </tr> |
| <tr> |
| <td>x</td> |
| <td colspan=3>yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy</td> |
| </tr> |
| </table> |
| <BR> |
| this is like the previous one except the relative sizes of the colspan content is reversed |
| <table bgcolor=lime width=100 border> |
| <tr> |
| <td colspan=3>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</td> |
| <td>y</td></tr> |
| <tr> |
| <td>x</td> |
| <td>x</td> |
| <td>x</td> |
| <td>y</td> |
| </tr> |
| <tr> |
| <td>x</td> |
| <td colspan=3>yyyyyyyyyyyyy</td> |
| </tr> |
| </table> |
| <BR> |
| <table width=10 border> |
| <tr> |
| <td colspan=2>xxxxxxxxxx</td></tr> |
| <tr> |
| <td>xx</td> |
| <td>xx</td></tr> |
| </table> |
| <BR> |
| <table bgcolor=red widthx=100 border> |
| <tr> |
| <td colspan=3>xxxxxx</td> |
| <td>y</td></tr> |
| <tr> |
| <td>x</td> |
| <td>x</td> |
| <td>x</td> |
| <td>y</td> |
| </tr> |
| <tr> |
| <td>x</td> |
| <td>x</td> |
| <td colspan=2>yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy</td> |
| </tr> |
| </table> |
| <BR> |
| <table widthx=100 border> |
| <tr> |
| <td colspan=3>xxxxxx</td> |
| <td>y</td></tr> |
| <tr> |
| <td>x</td> |
| <td>x</td> |
| <td>x</td> |
| <td>y</td> |
| </tr> |
| <tr> |
| <td>x</td> |
| <td colspan=3>yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy</td> |
| </tr> |
| </table> |
| <BR> |
| <table bgcolor=orange width=100 border> |
| <tr> |
| <td colspan=3>yyyyyyyyyyyyyyyyy</td> |
| <td>y</td></tr> |
| <tr> |
| <td>x</td> |
| <td>x</td> |
| <td>x</td> |
| <td>y</td> |
| </tr> |
| <tr> |
| <td>x</td> |
| <td colspan=3>yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy</td> |
| </tr> |
| </table> |
| <BR> |
| <table bgcolor=yellow border> |
| <tr> |
| <td colspan=3>xxxxxxxxxxxxxxxxx</td></tr> |
| <tr> |
| <td width=100>foo</td> |
| <td>bar</td> |
| <td>zap</td> |
| </tr> |
| </table> |
| <BR> |
| <table width=400 border> |
| <tr> |
| <td colspan=3>xxxxxxxxxxxxxxxxx</td></tr> |
| <tr> |
| <td width=100>foo</td> |
| <td>bar</td> |
| <td>zap</td> |
| </tr> |
| </table> |
| <BR> |
| <table bgcolor=blue border> |
| <tr> |
| <td colspan=3>xxxxxxxxxxxxxxxxx</td></tr> |
| <tr> |
| <td>foo</td> |
| <td>bar</td> |
| <td>zap</td> |
| </tr> |
| </table> |
| <BR> |
| <hr align=left style="width:200;"> |
| <table border> |
| <tr> |
| <td width=50>50</td> |
| <td width=50>50</td> |
| <td>auto</td></tr> |
| <tr> |
| <td colspan=3 width=200>200CS3</td></tr> |
| </table> |
| <BR> |
| <hr align=left style="width:200;"> |
| <table border> |
| <tr> |
| <td width=50>50</td> |
| <td>auto</td></tr> |
| <tr> |
| <td colspan=2 width=200>200CS2</td></tr> |
| </table> |
| <BR> |
| <table bgcolor=lime border> |
| <tr> |
| <td width=50>foo</td> |
| <td width=50>foo</td></tr> |
| <tr> |
| <td colspan=2 width=200>foo</td></tr> |
| </table> |
| <BR> |
| <table bgcolor=violet border> |
| <tr> |
| <td colspan=3><img src=../images/raptor.jpg width=600 height=100></td> |
| <tr> |
| <td width=100>100 |
| <td width=100>100 |
| <td width=400>400</tr> |
| </table> |
| <BR> |
| <table border> |
| <tr> |
| <td colspan=3 width=600>600</td> |
| <td>auto</td></tr> |
| <tr> |
| <td>auto |
| <td>auto |
| <td>auto |
| <td>auto</tr> |
| </table> |
| fixed table - spanned cols based on fix widths |
| <BR> |
| <hr align=left style="width:400px;"> |
| <table bgcolor=orange border cellspacing=5> |
| <tr> |
| <td colspan=2 width=400>400CS2</td> |
| <td width=100>100</td></tr> |
| <tr> |
| <td width=100>100</td> |
| <td width=300>300</td> |
| <td>auto</tr> |
| </table> |
| <BR> |
| <table bgcolor=gray border cellspacing=5> |
| <tr> |
| <td colspan=2>auto auto auto auto auto auto auto</td> |
| <td width=100>100</td></tr> |
| <tr> |
| <td>auto</td> |
| <td>auto auto</td> |
| <td>auto</tr> |
| </table> |
| <BR> |
| <table bgcolor=lime border cellspacing=5> |
| <tr> |
| <td colspan=2>auto auto auto auto auto auto auto</td> |
| <td width=100>100</td></tr> |
| <tr> |
| <td width=100>100</td> |
| <td>auto auto</td> |
| <td>auto</tr> |
| </table> |
| <BR> |
| <table border cellspacing=5> |
| <tr> |
| <td colspan=2>auto auto auto auto auto auto auto</td> |
| <td width=100>100</td></tr> |
| <tr> |
| <td width=100>100</td> |
| <td>auto auto auto</td> |
| <td>auto</tr> |
| </table> |
| <BR> |
| <table border cellspacing=5> |
| <tr> |
| <td colspan=2>auto auto auto auto auto auto auto</td> |
| <td width=100>100</td></tr> |
| <tr> |
| <td width=100>100</td> |
| <td>auto auto auto auto auto</td> |
| <td>auto</tr> |
| </table> |
| <BR> |
| <table bgoolor=orange border cellspacing=5> |
| <tr> |
| <td colspan=2>auto auto auto auto auto auto auto</td> |
| <td width=100>100</td></tr> |
| <tr> |
| <td width=100>100 100 100 100</td> |
| <td>auto auto auto auto</td> |
| <td>auto</tr> |
| </table> |
| <BR> |
| <table border width=270 cellspacing=5> |
| <tr> |
| <td colspan=2>auto auto auto auto auto auto auto</td> |
| <td width=100>100</td></tr> |
| <tr> |
| <td width=100>100 100 100 100</td> |
| <td>auto auto auto auto</td> |
| <td>auto</tr> |
| </table> |
| <BR> |
| <table bgcolor=brown width=500 border cellspacing=5> |
| <tr> |
| <td colspan=2 width=80%>80% 80% 80% 80% 80% 80%</td> |
| <td>auto</td></tr> |
| <tr> |
| <td width=100>100</td> |
| <td>auto</td> |
| <td>auto</tr> |
| </table> |
| <BR> |
| <table width=500 border cellspacing=5> |
| <tr> |
| <td colspan=2 width=80%>80% 80% 80% 80% 80% 80%</td> |
| <td>auto</td></tr> |
| <tr> |
| <td width=100>100</td> |
| <td width=300>300</td> |
| <td>auto</tr> |
| </table> |
| <BR> |
| <table bgcolor=gray width=500 border cellspacing=5> |
| <tr> |
| <td colspan=2 width=80%>80% 80% 80% 80% 80% 80%</td> |
| <td>auto</td></tr> |
| <tr> |
| <td width=33%>33%</td> |
| <td width=66%>66%</td> |
| <td>auto</tr> |
| </table> |
| <table bgcolor=yellow width=500 border cellspacing=5> |
| <tr> |
| <td colspan=2 width=30%>30% 30% 30% 30% 30% 30%</td> |
| <td>auto</td></tr> |
| <tr> |
| <td width=33%>33% 33% 33% 33% 33% 33% 33%</td> |
| <td width=66%>66%</td> |
| <td>auto</tr> |
| </table> |
| <BR> |
| PERCENT COLSPANS |
| <BR> |
| <table width=500 border cellspacing=5> |
| <tr> |
| <td colspan=2 width=90%>90% 80% 80% 80% 80% 80%</td> |
| <td>auto</td></tr> |
| <tr> |
| <td width=10%>10%</td> |
| <td width=66%>66%</td> |
| <td>auto</tr> |
| </table> |
| <BR> |
| <table width=500 border cellspacing=5> |
| <tr> |
| <td colspan=2 width=90%>90% 80% 80% 80% 80% 80%</td> |
| <td>auto</td></tr> |
| <tr> |
| <td width=33%>33% 33% 33% 33% 33% 33% 33%</td> |
| <td width=66%>66%</td> |
| <td>auto</tr> |
| </table> |
| <BR> |
| <table width=500 border cellspacing=5> |
| <tr> |
| <td colspan=2 width=90%>90% 80% 80% 80% 80% 80%</td> |
| <td>auto</td></tr> |
| <tr> |
| <td width=66%>66%</td> |
| <td width=66%>66% 66% 66% 66% 66% 66% </td> |
| <td>auto</tr> |
| </table> |
| <BR> |
| <table width=500 border cellspacing=5> |
| <tr> |
| <td colspan=3 width=90%>90% 90% 90% </td> |
| <td>auto</td></tr> |
| <tr> |
| <td>auto</td> |
| <td>auto-auto</td> |
| <td>auto auto auto</td> |
| <td>auto auto auto</td></tr> |
| </table> |
| <BR> |
| <table width=500 border cellspacing=5> |
| <tr> |
| <td colspan=2 width=90%>90% 90% 90% </td> |
| <td>auto</td></tr> |
| <tr> |
| <td>auto</td> |
| <td>auto</td> |
| <td>auto</td></tr> |
| <tr> |
| <td>auto</td> |
| <td colspan=2 width=90%>90% 90% 90% </td></tr> |
| </table> |
| <BR> |
| <table width=500 border cellspacing=5> |
| <tr> |
| <td colspan=2 width=90%>90% 90% 90% </td> |
| <td>auto</td></tr> |
| <tr> |
| <td>auto</td> |
| <td>auto</td> |
| <td width=60%>60%</td></tr> |
| <tr> |
| <td>auto</td> |
| <td colspan=2 width=90%>90% 90% 90% </td></tr> |
| </table> |
| <BR> |
| <table width=500 border cellspacing=5> |
| <tr> |
| <td colspan=2 width=90%>90% 90% 90% </td> |
| <td width=60%>60%</td></tr> |
| <tr> |
| <td>auto</td> |
| <td>auto</td> |
| <td>auto</td></tr> |
| <tr> |
| <td>auto</td> |
| <td colspan=2 width=90%>90% 90% 90% </td></tr> |
| </table> |
| <BR> |
| <table width=500 border cellspacing=5> |
| <tr> |
| <td colspan=2 width=90%>90% 80% 80% 80% 80% 80%</td> |
| <td>auto</td></tr> |
| <tr> |
| <td width=66%>66%</td> |
| <td width=66%>66% 66% 66% 66% 66% 66% </td> |
| <td width=50%>50%</td></tr> |
| </table> |
| <BR> |
| <table width=500 border cellspacing=5> |
| <tr> |
| <td colspan=2 width=90%>90% 80% 80% 80% 80% 80%</td> |
| <td>auto</td></tr> |
| <tr> |
| <td>auto</td> |
| <td>auto auto</td> |
| <td width=50%>50%</td></tr> |
| </table> |
| <BR> |
| <table width=500 border cellspacing=5> |
| <tr> |
| <td colspan=2 width=90%>90% 90% 90% 90% 90% 90%</td> |
| <td>auto</td></tr> |
| <tr> |
| <td>auto</td> |
| <td>auto-auto</td> |
| <td width=50%>50%</td></tr> |
| </table> |
| <BR> |
| <table width=500 border cellspacing=5> |
| <tr> |
| <td colspan=2 width=90%>90% 90% 90% 90% 90% 90%</td> |
| <td>auto</td></tr> |
| <tr> |
| <td width=60%>60%</td> |
| <td>auto-auto</td> |
| <td width=50%>50%</td></tr> |
| </table> |
| <BR> |
| <table width=500 border cellspacing=5> |
| <tr> |
| <td colspan=2 width=90%>90% 90% 90% 90% 90% 90%</td> |
| <td>auto</td></tr> |
| <tr> |
| <td width=5%>5% 5% 5%</td> |
| <td>auto-auto</td> |
| <td width=50%>50%</td></tr> |
| </table> |
| <BR> |
| <table width=500 border cellspacing=5> |
| <tr> |
| <td colspan=2 width=90%>90% 90% 90% 90% 90% 90%</td> |
| <td>auto</td></tr> |
| <tr> |
| <td width=5%>5%</td> |
| <td width=10%>10%</td> |
| <td>auto</td></tr> |
| </table> |
| <BR> |
| <table width=500 border cellspacing=5> |
| <tr> |
| <td colspan=2 width=90%>90% 90% 90% 90% 90% 90%</td> |
| <td>auto</td></tr> |
| <tr> |
| <td width=10>10</td> |
| <td width=20>20</td> |
| <td>auto</td></tr> |
| </table> |
| <BR> |
| <table width=500 border cellspacing=5> |
| <tr> |
| <td colspan=2 width=50%>50% 50% 50% 50% 50%</td> |
| <td>auto</td></tr> |
| <tr> |
| <td width=80%>80%</td> |
| <td>auto auto</td> |
| <td width=50%>50%</td></tr> |
| </table> |
| <BR> |
| <table width=500 border cellspacing=5> |
| <tr> |
| <td colspan=2 width=90%>90% 50% 50% 50% 50%</td> |
| <td>auto</td></tr> |
| <tr> |
| <td width=100>100</td> |
| <td>auto auto auto</td> |
| <td>auto</td></tr> |
| </table> |
| <BR> |
| <BR> |
| <hr align=left style="width:600px;"> |
| <table border cellspacing=5> |
| <tr> |
| <td colspan=3><img src=../images/raptor.jpg width=600 height=100></td> |
| <td>foo</td></tr> |
| <tr> |
| <td width=100>foo |
| <td width=100>bar |
| <td>foo |
| <td>bar</tr> |
| </table> |
| <BR> |
| |
| 1st cell with colspan=3 fixed at 600, 1st 2 cells in 2nd row fixed at 100, 2nd not |
| <table border> |
| <tr> |
| <td width=600 colspan=3>foo</td> |
| <td>foo</td></tr> |
| <tr> |
| <td width=100>foo |
| <td width=100>bar |
| <td>foo |
| <td>bar</tr> |
| </table> |
| <BR> |
| |
| <table cellspacing=0 cellpadding=0 border> |
| <col style="background-color:red"> |
| <col style="background-color:blue"> |
| <tr> |
| <td colspan=2>foo</td></tr> |
| </table> |
| <BR> |
| |
| <table border> |
| <tr> |
| <td colspan=3>foo<td>bar</tr> |
| <tr> |
| <td colspan=2>foo<td>bar</tr> |
| </table> |
| |
| <BR> |
| <table border=1 cellpadding=4 cellspacing=0 width="100%" > |
| <tr bgcolor="#ccccff"> |
| <td align=right colspan=3>edit</td></tr> |
| <tr> |
| <td bgcolor="#dcdcdc" colspan=2 nowrap>Top Stories from Reuters </td> |
| <td bgcolor="#dcdcdc" align=right>Jun 11 12:30pm </td></tr> |
| </table> |
| <BR> |
| <table bgcolor=yellow border width=200> |
| <tr> |
| <td>foo</td> |
| <td> |
| <table widthx=100 bgcolor=orange> |
| <tr> |
| <td>bar</td></tr> |
| </table></td></tr> |
| </table> |
| </body> |
| </html> |
| <BR> |
| <table border cellspacing=5> |
| <tr> |
| <td colspan=3>auto</td> |
| <td>auto</td></tr> |
| </table> |
| min colspan is based on min with no fix involved - IE uses max(min,des) |
| <table width=50 border> |
| <tr> |
| <td colspan=2>xxxxxxxxxxxxxxxxxxx</td></tr> |
| <tr> |
| <td>x x x x</td> |
| <td>xxx</td></tr> |
| </table> |
| <BR> |
| adj min is based on min with no fix involved |
| <table width=50 border> |
| <tr> |
| <td colspan=2>xxxxxxxxxxxxxxxxxxxyyyyyyy</td></tr> |
| <tr> |
| <td>x x x x x x x</td> |
| <td>xxxxxxxxxxxxxxxxxx</td></tr> |
| </table> |
| <BR> |
| adj min is based on max(min, fix) differs from Nav4.6 which differs from IE5 |
| <table bgcolor=lime width=50 border> |
| <tr> |
| <td colspan=2>xxxxxxxcolspan2xxxxxxxxx</td></tr> |
| <tr> |
| <td>x x x</td> |
| <td width=100>100</td></tr> |
| </table> |
| <BR> |
| <table bgcolor=lime width=50 border> |
| <tr> |
| <td colspan=2>xxxxxxxcolspan2xxxxxxxxx</td></tr> |
| <tr> |
| <td>x x x</td> |
| <td width=100>100 100 100</td></tr> |
| </table> |
| <BR> |
| <table bgcolor=lime width=50 border> |
| <tr> |
| <td colspan=2>xxxxxxxcolspan2xxxxxxxxx</td></tr> |
| <tr> |
| <td>xxx xxx xxx</td> |
| <td width=100>100</td></tr> |
| </table> |
| <BR> |
| <table border> |
| <tr> |
| <td width=300 colspan=2>xx</td></tr> |
| <tr> |
| <td width=100>x x x</td> |
| <td>auto</td></tr> |
| </table> |
| <BR> |
| <table border> |
| <tr> |
| <td width=300 colspan=2>300</td></tr> |
| <tr> |
| <td width=300>400 400</td> |
| <td>auto</td></tr> |
| </table> |
| <BR> |
| <table border> |
| <tr> |
| <td width=300 colspan=2>300 300</td></tr> |
| <tr> |
| <td width=100>100</td> |
| <td>auto auto auto</td></tr> |
| </table> |
| <BR> |
| <table border> |
| <tr> |
| <td width=300 colspan=2>300 300 300 300 300 300 300 300 300 300 300 300 300 300 300300 300 300 300 300</td></tr> |
| <tr> |
| <td width=100>100</td> |
| <td>auto auto auto auto auto auto auto auto auto auto auto auto</td></tr> |
| </table> |
| <BR> |
| <table border> |
| <tr> |
| <td width=300 colspan=2>300</td></tr> |
| <tr> |
| <td width=100>100</td> |
| <td>auto</td></tr> |
| </table> |
| <BR> |
| <table border> |
| <tr> |
| <td colspan=2>auto auto auto auto auto auto auto</td></tr> |
| <tr> |
| <td width=100>100</td> |
| <td>auto auto auto</td></tr> |
| </table> |
| fixed table looks more like IE than Nav |
| <BR> |
| <table width=150 border> |
| <tr> |
| <td width=100>100</td> |
| <td>auto auto auto auto auto auto auto auto auto auto auto auto</td></tr> |
| </table> |