fixed-table-layout-004-vlr.html (1912B)
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</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="The height of a column-spanning cell (which determines column heights in fixed table layout) is divided over the columns it spans."> 10 <style type="text/css"> 11 div.test { writing-mode: vertical-lr; } 12 table 13 { 14 border-collapse: collapse; 15 margin: 0; 16 table-layout: fixed; 17 height: 100px; 18 } 19 #cell1 20 { 21 background: black; 22 height: 98px; 23 } 24 td 25 { 26 width: 20px; 27 padding: 0; 28 } 29 #cell2 30 { 31 background: silver; 32 } 33 #cell3 34 { 35 background: orange; 36 } 37 #div1 38 { 39 background: blue; 40 width: 20px; 41 height: 100px; 42 } 43 </style> 44 </head> 45 <body> 46 <p>Test passes if the blue and black bars are the same height 47 and the gray and orange boxes are half of that height.</p> 48 <div class="test"> 49 <table> 50 <tr> 51 <td id="cell1" colspan="2"></td> 52 </tr> 53 <tr> 54 <td id="cell2"></td> 55 <td id="cell3"></td> 56 </tr> 57 </table> 58 <div id="div1"></div> 59 </test> 60 </body> 61 </html>