layout/reftests/abs-pos/table-row-4.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         width: 300px;
     7         height: 300px;
     8         background-color: blue;
     9       }
    10       td, div {
    11         margin: 0;
    12         padding: 0;
    13       }
    14       #rel {
    15         position: relative;
    16         margin: 0;
    17         padding: 0;
    18       }
    19       #abs {
    20         position: absolute;
    21         margin: 0;
    22         padding: 0;
    23         top: 200px;
    24         left: 25px;
    25         width: 50px;
    26         height: 50px;
    27         background-color: green;
    28       }
    29     </style>
    30   </head>
    31   <body>
    32     The green square should not touch the blue square.
    33     <table>
    34       <colgroup>
    35         <col style="width: 15%">
    36         <col>
    37       </colgroup>
    38       <tr>
    39         <td></td>
    40         <td></td>
    41       </tr>
    42       <tr id="rel">
    43         <td></td>
    44         <td>
    45           <div id="abs"></div>
    46         </td>
    47       </tr>
    48     </table>
    49   </body>
    50 </html>

mercurial