1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html>
3 <head>
4 <title>CSS Test: Sum of row heights of a spanning cell must be great enough to encompass the full cell</title>
5 <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
6 <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout">
7 <meta name="flags" content="ahem">
8 <meta name="assert" content="The sum of row heights for a spanning cell are great enough to encompass the full cell.">
9 <style type="text/css">
10 #ruler
11 {
12 background: blue;
13 font: 20px/1em Ahem;
14 height: 10em;
15 width: 20em;
16 }
17 table
18 {
19 background: black;
20 border-spacing: 0;
21 }
22 tr
23 {
24 height: 1em;
25 }
26 td
27 {
28 padding: 0;
29 }
30 </style>
31 </head>
32 <body>
33 <p>Test passes if the boxes below are the same height.</p>
34 <div id="ruler">
35 <table>
36 <tr>
37 <td rowspan="10">
38 XXXXX<br>
39 XXXXX<br>
40 XXXXX<br>
41 XXXXX<br>
42 XXXXX<br>
43 XXXXX<br>
44 XXXXX<br>
45 XXXXX<br>
46 XXXXX<br>
47 XXXXX<br>
48 </td>
49 <td>XXXXX</td>
50 </tr>
51 <tr>
52 <td>XXXXX</td>
53 </tr>
54 <tr>
55 <td>XXXXX</td>
56 </tr>
57 <tr>
58 <td>XXXXX</td>
59 </tr>
60 <tr>
61 <td>XXXXX</td>
62 </tr>
63 <tr>
64 <td>XXXXX</td>
65 </tr>
66 <tr>
67 <td>XXXXX</td>
68 </tr>
69 <tr>
70 <td>XXXXX</td>
71 </tr>
72 <tr>
73 <td>XXXXX</td>
74 </tr>
75 <tr>
76 <td>XXXXX</td>
77 </tr>
78 </table>
79 </div>
80 </body>
81 </html>