fixed-table-layout-015-vrl.html (1886B)
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: Fixed table layout - specified cell height overrides specified column-group height</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="A column that has both a cell height and column-group height specified will use its cell specified height."> 10 <style type="text/css"> 11 div.test 12 { 13 writing-mode: vertical-rl; 14 } 15 table 16 { 17 border-spacing: 0; 18 table-layout: fixed; 19 height: 200px; 20 } 21 #colgroup 22 { 23 height: 75px; 24 } 25 #cell 26 { 27 background: blue; 28 height: 100px; 29 } 30 td 31 { 32 padding: 0; 33 } 34 #div1 35 { 36 background: black; 37 height: 100px; 38 } 39 #div1, td 40 { 41 width: 24px; 42 } 43 </style> 44 </head> 45 <body> 46 <p>Test passes if the boxes below are the same height.</p> 47 <div class="test"> 48 <table> 49 <colgroup id="colgroup"> 50 <col> 51 </colgroup> 52 <colgroup> 53 <col> 54 </colgroup> 55 <tr> 56 <td id="cell"></td> 57 <td></td> 58 </tr> 59 </table> 60 <div id="div1"></div> 61 </div> 62 </body> 63 </html>