layout/reftests/abs-pos/table-internal-7-ref.html

Wed, 31 Dec 2014 06:55:50 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 06:55:50 +0100
changeset 2
7e26c7da4463
permissions
-rw-r--r--

Added tag UPSTREAM_283F7C6 for changeset ca08bd8f51b2

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

mercurial