layout/reftests/abs-pos/table-row-group-7.html

Fri, 16 Jan 2015 18:13:44 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Fri, 16 Jan 2015 18:13:44 +0100
branch
TOR_BUG_9701
changeset 14
925c144e1f1f
permissions
-rw-r--r--

Integrate suggestion from review to improve consistency with existing code.

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

mercurial