blob: a5b3d82ec283283acbaeb9532c486635f2e00f48 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
|
<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>
|
