layout/reftests/margin-collapsing/table-caption-1c-dyn.html

Wed, 31 Dec 2014 07:16:47 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 07:16:47 +0100
branch
TOR_BUG_9701
changeset 3
141e0f1194b1
permissions
-rw-r--r--

Revert simplistic fix pending revisit of Mozilla integration attempt.

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

mercurial