Google Git
Sign in
nest-open-source / manifest_repos / chromium_src / 1389d67935ffbffe8a70c1fa06867f6cf7ecf464 / . / chromium / src / third_party / blink / web_tests / tables / mozilla_expected_failures / core / col_span2.html
blob: 1dd1b593d204f1b6b84e23e3e585f3dfccac2d7b [file] [log] [blame]
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&nbsp;</td>
<td bgcolor="#dcdcdc" align=right>Jun 11 12:30pm&nbsp;</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>