layout/reftests/table-width/conflicting-percent-widths-3.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <title>Conflicting percent widths on table cells</title>
   5 <style type="text/css">
   6
   7 table, td {
   8   border-spacing: 0;
   9   border: none;
  10   padding: 0;
  11 }
  12
  13 </style>
  14 </head>
  15 <body>
  16
  17 <!-- large percentage effect operates per-column -->
  18
  19 <!-- also depends on truncation of percentages to 100% -->
  20
  21 <table>
  22   <tr>
  23     <td style="background: yellow" width="50%">x</td>
  24     <td style="background: aqua" width="99%">x</td>
  25   </tr>
  26   <tr>
  27     <td style="background: blue" width="50%">x</td>
  28     <td style="background: fuchsia" width="50%">x</td>
  29   </tr>
  30 </table>
  31
  32 <table>
  33   <tr>
  34     <td style="background: blue" width="50%">x</td>
  35     <td style="background: fuchsia" width="50%">x</td>
  36   </tr>
  37   <tr>
  38     <td style="background: yellow" width="50%">x</td>
  39     <td style="background: aqua" width="99%">x</td>
  40   </tr>
  41 </table>
  42
  43 </body>
  44 </html>