table-anonymous-objects-094.xht (2336B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 5 <title>CSS Test: Auto-imported from Gecko test cols-test-1.html</title> 6 <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> 7 <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> 8 <link rel="match" href="reference/no_red_3x3_monospace_colored_table-ref.xht"/> 9 </head> 10 <body style="font-family: monospace"> 11 There should be no red below, except for antialiasing issues. 12 <div style="position: relative; font-size: 2em;"> 13 <div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> 14 15 <span style="display:table"> 16 <span style="display: table-column"></span> 17 <span style="display: table-cell">Row 1, Col 1</span> 18 <span style="display: table-cell">Row 1, Col 2</span> 19 <span style="display: table-cell">Row 1, Col 3</span> 20 <span style="display: table-column"></span> 21 <span style="display: table-row-group"> 22 <span style="display: table-row"> 23 <span style="display: table-cell">Row 22, Col 1</span> 24 <span style="display: table-cell">Row 22, Col 2</span> 25 <span style="display: table-cell">Row 22, Col 3</span> 26 </span> 27 <span style="display: table-row"> 28 <span style="display: table-cell">Row 333, Col 1</span> 29 <span style="display: table-cell">Row 333, Col 2</span> 30 <span style="display: table-cell">Row 333, Col 3</span> 31 </span> 32 </span> 33 <span style="display: table-column"></span> 34 </span> 35 </div> 36 <div style="position: relative; z-index: 1; color: red; padding: 1px;"> 37 38 <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> 39 <colgroup><col style="background: yellow"/><col style="background: cyan"/><col style="background: lime"/></colgroup> 40 <tr> 41 <td>Row 1, Col 1</td> 42 <td>Row 1, Col 2</td> 43 <td>Row 1, Col 3</td> 44 </tr> 45 <tr> 46 <td>Row 22, Col 1</td> 47 <td>Row 22, Col 2</td> 48 <td>Row 22, Col 3</td> 49 </tr> 50 <tr> 51 <td>Row 333, Col 1</td> 52 <td>Row 333, Col 2</td> 53 <td>Row 333, Col 3</td> 54 </tr> 55 </table> 56 </div> 57 </div> 58 </body> 59 </html>