fixed-table-layout-006-vlr.html (1689B)
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: Remaining table height is divided evenly among non auto-sized columns (minus borders and cell spacing)</title> 5 <link rel="author" title="Microsoft" href="http://www.microsoft.com/"> 6 <link rel="author" title="Adapted for vertical layout by Simon Montagu" href="http:/mozilla.org/"> 7 <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout"> 8 <meta name="flags" content=""> 9 <meta name="assert" content="Any remaining horizontal table space is divided evenly among columns which do not have specified heights (minus borders and cell spacing)."> 10 <style type="text/css"> 11 table 12 { 13 writing-mode: vertical-lr; 14 background: blue; 15 border-collapse: separate; 16 border-spacing: 10px 0; 17 table-layout: fixed; 18 height: 130px; 19 } 20 td 21 { 22 background: blue; 23 border-top: 10px solid orange; 24 border-bottom: 10px solid orange; 25 width: 100px; 26 padding: 0; 27 } 28 #specified 29 { 30 height: 10px; 31 } 32 </style> 33 </head> 34 <body> 35 <p>Test passes if all of the blue lines below appear to have the same height.</p> 36 <table> 37 <tr> 38 <td id="specified"></td> 39 <td></td> 40 <td></td> 41 </tr> 42 </table> 43 </body> 44 </html>