layout/reftests/abs-pos/table-cell-4.html

   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>
  43         <td id="rel">
  44           <div id="abs"></div>
  45         </td>
  46         <td></td>
  47       </tr>
  48     </table>
  49   </body>
  50 </html>