table-visual-layout-014.xht (1690B)
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: A spanning cell's rectangle must be as far to the right as possible in an 'rtl' table</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#table-layout" /> 7 <meta name="assert" content="With 'rtl' tables, the spanning cell's rectangle is as far to the right as possible, but to the left of all cells in the same row that were earlier in source (no overlapping)." /> 8 <style type="text/css"> 9 table 10 { 11 direction: rtl; 12 } 13 td 14 { 15 border: 1px solid black; 16 height: 100px; 17 width: 100px; 18 } 19 #cell 20 { 21 background: black; 22 } 23 .cell 24 { 25 background: blue; 26 } 27 </style> 28 </head> 29 <body> 30 <p>Test passes if the black square is to the left of both blue boxes on the page.</p> 31 <table> 32 <tr> 33 <td></td> 34 <td class="cell" rowspan="2"></td> 35 <td></td> 36 <td></td> 37 </tr> 38 <tr> 39 <td class="cell"></td> 40 <td id="cell" rowspan="2" colspan="2"></td> 41 </tr> 42 <tr> 43 <td></td> 44 </tr> 45 <tr> 46 <td></td> 47 </tr> 48 </table> 49 </body> 50 </html>