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: Specified table height is treated as minimum height</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="A specified table height value is treated as the minimum height of the table.">
9 <style type="text/css">
10 #reference
11 {
12 background: black;
13 font: 16px/1em Ahem;
14 height: 10em;
15 width: 20em;
16 }
17 table
18 {
19 border-spacing: 0;
20 padding: 0;
21 }
22 .t1
23 {
24 height: 4em;
25 background: blue;
26 color: blue;
27 }
28 .t2
29 {
30 height: 5em;
31 background: purple;
32 color: purple;
33 }
34 td
35 {
36 padding: 0;
37 }
38 </style>
39 </head>
40 <body>
41 <p>Test passes if the blue and purple boxes below are half the height of the black box.</p>
42 <div id="reference">
43 <table class="t1">
44 <tr>
45 <td>XXXXXXXXXX</td>
46 </tr>
47 <tr>
48 <td>XXXXXXXXXX</td>
49 </tr>
50 <tr>
51 <td>XXXXXXXXXX</td>
52 </tr>
53 <tr>
54 <td>XXXXXXXXXX</td>
55 </tr>
56 <tr>
57 <td>XXXXXXXXXX</td>
58 </tr>
59 </table>
60 <table class="t2">
61 <tr>
62 <td>XXXXXXXXXX</td>
63 </tr>
64 <tr>
65 <td>XXXXXXXXXX</td>
66 </tr>
67 </table>
68 </div>
69 </body>
70 </html>