fixed-table-layout-010.xht (1916B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>CSS Test: Subsequent rows in fixed table layout</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#fixed-table-layout" /> 7 <meta name="assert" content="Cells in subsequent rows after the first do not affect column widths in fixed table layout." /> 8 <style type="text/css"> 9 table 10 { 11 border-spacing: 0; 12 table-layout: fixed; 13 } 14 td 15 { 16 background: blue; 17 color: blue; 18 padding: 0; 19 height: 1em; 20 } 21 #overflow 22 { 23 color: black; 24 overflow: visible; 25 white-space: pre; 26 } 27 #div1 28 { 29 background: black; 30 height: 20px; 31 } 32 table, .row1 33 { 34 width: 100px; 35 } 36 .row2, #div1 37 { 38 width: 200px; 39 } 40 </style> 41 </head> 42 <body> 43 <p>Test passes if the boxes below are the same width and the blue box has the words "Filler Text" on the bottom overflowing to the right.</p> 44 <table> 45 <tr> 46 <td class="row1"></td> 47 <td class="row1"></td> 48 </tr> 49 <tr> 50 <td class="row2"></td> 51 <td class="row2"></td> 52 </tr> 53 <tr> 54 <td></td> 55 <td id="overflow">Filler Text Filler Text Filler Text</td> 56 </tr> 57 </table> 58 <div id="div1"></div> 59 </body> 60 </html>