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: Height of a cell is maximum between its specified 'height' and content 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="The height of a cell is the maximum between its specified 'height' and content minimum height.">
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 }
21 td
22 {
23 padding: 0;
24 }
25 .c1
26 {
27 background: blue;
28 color: blue;
29 height: 1em;
30 }
31 .c2
32 {
33 background: purple;
34 color: purple;
35 height: 5em;
36 }
37 </style>
38 </head>
39 <body>
40 <p>Test passes if the blue and purple boxes below are half the height of the black box.</p>
41 <div id="reference">
42 <table>
43 <tr>
44 <td class="c1">XXXXXXXXXX</td>
45 </tr>
46 <tr>
47 <td class="c1">XXXXXXXXXX</td>
48 </tr>
49 <tr>
50 <td class="c1">XXXXXXXXXX</td>
51 </tr>
52 <tr>
53 <td class="c1">XXXXXXXXXX</td>
54 </tr>
55 <tr>
56 <td class="c1">XXXXXXXXXX</td>
57 </tr>
58 </table>
59 <table>
60 <tr>
61 <td class="c2">XXXXXXXXXX</td>
62 </tr>
63 </table>
64 </div>
65 </body>
66 </html>