absolute-tables-006.html (850B)
1 <!doctype html> 2 <link rel="author" title="David Grogan" href="mailto:dgrogan@chromium.org"> 3 <link rel="help" href="https://www.w3.org/TR/css-position-3/#def-cb"> 4 <link rel="match" href="../reference/ref-filled-green-100px-square-only.html"> 5 <link rel="bookmark" href="https://crbug.com/977507" /> 6 <meta name="assert" content="Abspos table works when it is dynamically added" /> 7 8 <style> 9 table { 10 border-spacing: 0px; 11 } 12 td { 13 padding: 0px; 14 } 15 .outerTable { 16 height: 100px; 17 width: 100px; 18 position: relative; 19 } 20 .innerTable { 21 position: absolute; 22 top: 0px; 23 width: 100px; 24 height: 100%; 25 color: green; 26 background: green; 27 } 28 </style> 29 <p>Test passes if there is a filled green square.</p> 30 <table class=outerTable> 31 <td id=outerCell></td> 32 </table> 33 <script> 34 outerCell.innerHTML = "<table class=innerTable><td>some text</td></table>"; 35 </script>