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><body>
<div align=center>
<p style="font-weight: bold">Tables I, II, III, IV (cellpadding=0 cellspacing=5)</p>
<table border cellpadding=5 bgcolor=ffcc00>
<tr><td valign=top>
<table border cellpadding=0 cellspacing=5 bgcolor=ffffff>
<caption><nobr>Table I</nobr></caption>
<tr>
<td>1,1</td><td>1,2</td><td>1,3</td>
</tr>
<tr>
<td>2,1</td><td>2,2</td><td bgcolor=ffff66>2,3</td>
</tr>
<tr>
<td>3,1</td><td>3,2</td><td bgcolor=ffff66>3,3</td>
</tr>
<tr>
<td>4,1</td><td>4,2</td><td bgcolor=ffff66>4,3</td>
</tr>
<tr>
<td>5,1</td><td>5,2</td><td>5,3</td>
</tr>
</table>
</td><td valign=top>
<table border cellpadding=0 cellspacing=5 bgcolor=ffffff>
<caption><nobr>Table II</nobr></caption>
<tr>
<td>1,1</td><td>1,2</td><td>1,3</td>
</tr>
<tr>
<td>2,1</td><td rowspan=2>2,2</td><td bgcolor=ffff66>2,3</td>
</tr>
<tr>
<td rowspan=2>3,1</td> <td bgcolor=ffff66>3,3</td>
</tr>
<tr>
<td>4,2</td><td bgcolor=ffff66>4,3</td>
</tr>
<tr>
<td>5,1</td><td>5,2</td><td>5,3</td>
</tr>
</table>
</td><td valign=top>
<table border cellpadding=0 cellspacing=5 bgcolor=ffffff>
<caption><nobr>Table III</nobr></caption>
<tr>
<td>1,1</td><td>1,2</td><td>1,3</td>
</tr>
<tr>
<td>2,1</td><td rowspan=2>2,2</td><td bgcolor=ffff66></td>
</tr>
<tr>
<td rowspan=2>3,1</td> <td bgcolor=ffff66></td>
</tr>
<tr>
<td>4,2</td><td bgcolor=ffff66></td>
</tr>
<tr>
<td>5,1</td><td>5,2</td><td>5,3</td>
</tr>
</table>
</td><td valign=top>
<table border cellpadding=0 cellspacing=5 bgcolor=ffffff>
<caption><nobr>Table IV</nobr></caption>
<tr>
<td>1,1</td><td>1,2</td>
</tr>
<tr>
<td>2,1</td><td rowspan=2>2,2</td>
</tr>
<tr>
<td rowspan=2>3,1</td>
</tr>
<tr>
<td>4,2</td>
</tr>
<tr>
<td>5,1</td><td>5,2</td>
</tr>
</table>
</td></tr></table>
</div>
<hr>
<p align="center"><b>This demonstrates a problem with "overlapping
rowspan cells" (look at Table IV).</b></p>
<p><b>Table I:</b> a regular 5x3 table</p>
<p><b>Table II:</b> introduces rowspan=2 for cells (2,2) and (3,1),
which 'overlap'.</p>
<p><b>Table III:</b> is Table II, but cells (2,3),(3,3) and (4,3) now
have 'empty' contents; the resulting table is still OK. Note that the
height of (2,3) and (4,3) is determined by cells (2,1) and (4,2)
respectively, whereas (3,3) has ~0 height since no 'effective' cell in
the row has any definite height requirement (except for border,
margin, padding if applicable).</p>
<p><b>Table IV:</b> is Table III, but column 3 has been removed (cells
(1,3),(2,3),(3,3),(4,3),(5,3)). This should mirror the first two
columns of Table III (but currently does not). </p>
<p>Note that cells (2,2) and (3,1) are still in the correct position,
with the same size as Table III, but that their cellspacing with (5,1)
and (4,2) is absent.</p>
<p>Tested with Apr25, M4 and 1999051109 (win95, opt.) Dated: May 11 1999</p>
</body></html>
|
