Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<html>
<!-- This testcase asserts that in all the tables below, all 500px of the --
-- orange colspanning cell's specified width should go to its first --
-- spanned column. Its second spanned column receives none of the --
-- 500px, and it only gets a small amount of width by taking half of the --
-- light-blue cell's preferred width. --
-- --
-- This happens because the first column starts with nonzero pref-width, --
-- whereas the second and third columns have zero pref-width. Hence, --
-- the orange colspanning cell favors the first column over the second, --
-- whereas the lightblue colspanning cell distributes its width equally --
-- between the second and third columns. -->
<head><style>
tr { height: 1em; }
td.wide { width: 500px; }
td.orange { background: orange; }
td.purple { background: purple; }
td.teal { background: teal; }
td.blue { background: lightblue; }
</style></head>
<body>
<p>(x,x) labels indicate the column & row order of the orange cell.</p>
<br/>(0,0)
<table cellpadding="0" cellspacing="0">
<tr>
<td class="orange wide" colspan="2"></td>
<td class="purple"></td>
</td>
</tr><tr>
<td class="teal">x</td>
<td class="blue" colspan="2">y z</td>
</tr>
</table>
<br/>(0,1)
<table cellpadding="0" cellspacing="0">
<tr>
<td class="teal">x</td>
<td class="blue" colspan="2">y z</td>
</td>
</tr><tr>
<td class="orange wide" colspan="2"></td>
<td class="purple"></td>
</tr>
</table>
<br/>(1,0)
<table cellpadding="0" cellspacing="0">
<tr>
<td class="purple"></td>
<td class="orange wide" colspan="2"></td>
</td>
</tr><tr>
<td class="blue" colspan="2">y z</td>
<td class="teal">x</td>
</tr>
</table>
<br/>(1,1)
<table cellpadding="0" cellspacing="0">
<tr>
<td class="blue" colspan="2">y z</td>
<td class="teal">x</td>
</td>
</tr><tr>
<td class="purple"></td>
<td class="orange wide" colspan="2"></td>
</tr>
</table>
</body>
</html>