blob: 15f683f8c420478c836e348ec1ec9ed6bd335292 (
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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
|
<html>
<head><style>
/* cellspacing=0 cellpadding=0 */
table { border-spacing: 0 }
td, th { padding: 0 }
/* Colors for the three cell types */
td.a { background: lightgreen; }
td.b { background: yellow; }
td.c { background: blue; }
/* Shrink-wrapping div */
div.shrinkwrap { width: 1px; }
/* Set min-width on colspanning cell */
td.c { min-width: 500px; }
/* Set %-width on 2nd cell of first row in tables */
table#t0 td.b { width: 1% }
table#t1 td.b { width: 5% }
table#t2 td.b { width: 10% }
table#t3 td.b { width: 30% }
table#t4 td.b { width: 50% }
table#t5 td.b { width: 75% }
table#t6 td.b { width: 80% }
table#t7 td.b { width: 90% }
table#t8 td.b { width: 95% }
table#t9 td.b { width: 100% }
</style></head>
<body>
<div class="shrinkwrap">
<table id="t0"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c" colspan="2"> </td>
</tr></table>
</div>
<div class="shrinkwrap">
<table id="t1"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c" colspan="2"> </td>
</tr></table>
</div>
<div class="shrinkwrap">
<table id="t2"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c" colspan="2"> </td>
</tr></table>
</div>
<div class="shrinkwrap">
<table id="t3"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c" colspan="2"> </td>
</tr></table>
</div>
<div class="shrinkwrap">
<table id="t4"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c" colspan="2"> </td>
</tr></table>
</div>
<div class="shrinkwrap">
<table id="t5"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c" colspan="2"> </td>
</tr></table>
</div>
<div class="shrinkwrap">
<table id="t6"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c" colspan="2"> </td>
</tr></table>
</div>
<div class="shrinkwrap">
<table id="t7"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c" colspan="2"> </td>
</tr></table>
</div>
<div class="shrinkwrap">
<table id="t8"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c" colspan="2"> </td>
</tr></table>
</div>
<div class="shrinkwrap">
<table id="t9"><tr>
<td class="a">foo</td>
<td class="b">foo</td>
</tr><tr>
<td class="c" colspan="2"> </td>
</tr></table>
</div>
</body>
</html>
|
