tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

position-relative-table-tfoot-left.html (1055B)

      1 <!DOCTYPE html>
      2 <title>position:relative top constraint should behave correctly for &lt;tfoot&gt; elements</title>
      3 <link rel="match" href="position-relative-table-left-ref.html" />
      4 <link rel="help" href="https://www.w3.org/TR/css-position-3/#rel-pos" />
      5 <meta name="assert" content="This test checks that the position:relative top constraint behaves correctly for &lt;tfoot&gt; elements" />
      6 
      7 <style>
      8 table {
      9  border-collapse:collapse;
     10 }
     11 
     12 td {
     13  padding: 0;
     14 }
     15 
     16 td > div {
     17  height: 50px;
     18  width: 50px;
     19 }
     20 
     21 .group {
     22  display: inline-block;
     23  position: relative;
     24  width: 150px;
     25  height: 200px;
     26 }
     27 
     28 .indicator {
     29  position: absolute;
     30  background-color: red;
     31  left: 100px;
     32  height: 50px;
     33  width: 50px;
     34 }
     35 
     36 .relative {
     37  position: relative;
     38  left: 100px;
     39  background-color: green;
     40 }
     41 </style>
     42 
     43 <div class="group">
     44  <div>
     45    <div class="indicator"></div>
     46    <table>
     47      <tfoot class="relative">
     48        <tr><td><div></div></td></tr>
     49      </tfoot>
     50    </table>
     51  </div>
     52 </div>
     53 
     54 <div>You should see a green box above. No red should be visible.</div>