mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-06 09:05:45 +00:00
74 lines
2.2 KiB
HTML
74 lines
2.2 KiB
HTML
|
<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>
|