layout/reftests/margin-collapsing/table-caption-top-2-dyn.html

Wed, 31 Dec 2014 13:27:57 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 13:27:57 +0100
branch
TOR_BUG_3246
changeset 6
8bccb770b82d
permissions
-rw-r--r--

Ignore runtime configuration files generated during quality assurance.

michael@0 1 <!DOCTYPE html>
michael@0 2 <html class="reftest-wait">
michael@0 3 <head>
michael@0 4 <style type="text/css">
michael@0 5 .block {
michael@0 6 height: 20px;
michael@0 7 background-color: green;
michael@0 8 }
michael@0 9 #table {
michael@0 10 display: table;
michael@0 11 width: 100px;
michael@0 12 margin: 10px 0;
michael@0 13 }
michael@0 14 #caption {
michael@0 15 display: table-cell;
michael@0 16 caption-side: top;
michael@0 17 height: 20px;
michael@0 18 margin: 20px 0;
michael@0 19 background-color: blue;
michael@0 20 }
michael@0 21 #cell {
michael@0 22 display: table-cell;
michael@0 23 height: 20px;
michael@0 24 background-color: orange;
michael@0 25 }
michael@0 26 </style>
michael@0 27 <script type="text/javascript">
michael@0 28 function test() {
michael@0 29 document.getElementById('caption').style.display = 'table-caption';
michael@0 30 document.documentElement.removeAttribute('class');
michael@0 31 }
michael@0 32 document.addEventListener('MozReftestInvalidate', test, false);
michael@0 33 </script>
michael@0 34 </head>
michael@0 35 <body>
michael@0 36 <div class="block"></div>
michael@0 37 <div id="table">
michael@0 38 <div id="caption"></div>
michael@0 39 <div id="cell"></div>
michael@0 40 </div>
michael@0 41 <div class="block"></div>
michael@0 42 </body>
michael@0 43 </html>

mercurial