table-height-algorithm-009

Height value of 'auto' on a cell assigns it its content minimum height

WeasyPrint

This browser

Flags
ahem
Assertion
A 'height' value of 'auto' on a cell assigns it its content minimum height.

Source

 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 value of 'auto' on a cell assigns it its 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="A 'height' value of 'auto' on a cell assigns it its content minimum height.">
 9         <style type="text/css">
10             #reference
11             {
12                 background: blue;
13                 font: 20px/1em Ahem;
14                 height: 10em;
15                 width: 10em;
16             }
17             table
18             {
19                 background: black;
20                 border-spacing: 0;
21             }
22             td
23             {
24                 height: auto;
25                 padding: 0;
26             }
27         </style>
28     </head>
29     <body>
30         <p>Test passes if the boxes below are the same height.</p>
31         <div id="reference">
32             <table>
33                 <tr>
34                     <td>XXXXX<br>
35                         XXXXX<br>
36                         XXXXX<br>
37                         XXXXX<br>
38                         XXXXX<br>
39                         XXXXX<br>
40                         XXXXX<br>
41                         XXXXX<br>
42                         XXXXX<br>
43                         XXXXX<br>
44                     </td>
45                 </tr>
46             </table>
47         </div>
48     </body>
49 </html>