layout/reftests/abs-pos/table-internal-6-ref.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>
     3   <head>
     4     <style>
     5       table {
     6         margin: 0;
     7         padding: 0;
     8         width: 50px;
     9         height: 50px;
    10         border-collapse: collapse;
    11         background-color: blue;
    12       }
    13       td {
    14         margin: 0;
    15         padding: 0;
    16       }
    17       #rel {
    18         position: relative;
    19         margin: 0;
    20         padding: 0;
    21       }
    22       #abs {
    23         position: absolute;
    24         margin: 0;
    25         padding: 0;
    26         bottom: 25px;
    27         right: 25px;
    28         width: 50px;
    29         height: 50px;
    30         background-color: green;
    31       }
    32       #bottomright {
    33         position: absolute;
    34         margin: 0;
    35         padding: 0;
    36         bottom: 0;
    37         right: 0;
    38         width: 50px;
    39         height: 50px;
    40         overflow: visible;
    41         background-color: red;
    42       }
    43     </style>
    44   </head>
    45   <body>
    46     The green square should not overlap the blue square.
    47     <div id="bottomright">
    48       <table>
    49         <tr>
    50           <td></td>
    51           <td></td>
    52         </tr>
    53         <tr style="height: 100%">
    54           <td></td>
    55           <td></td>
    56         </tr>
    57         <tr>
    58           <td>
    59             <div id="rel">
    60               <div id="abs"></div>
    61             </div>
    62           </td>
    63           <td></td>
    64         </tr>
    65       </table>
    66     </div>
    67   </body>
    68 </html>

mercurial