diff options
Diffstat (limited to 'testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-145.xht')
-rw-r--r-- | testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-145.xht | 64 |
1 files changed, 64 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-145.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-145.xht new file mode 100644 index 0000000000..c1c34ee57e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-145.xht @@ -0,0 +1,64 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>CSS Test: Auto-imported from Gecko test dynamic-switch-inline-to-cell-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + document.getElementById("t").style.display = "table-cell"; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-row"> + <span id="t">Row 1, Col 1</span> + <span>Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> |