layout/reftests/bugs/413286-1a.html

   1 <html>
   2   <head>
   3     <style>
   4       table     { width: 400px; height: 25px; font-size: 10px; }
   5       td.blue   { background: lightblue;  color: rgba(0,0,0,0) }
   6       td.green  { background: lightgreen; color: rgba(0,0,0,0) }
   7       col.a     { width: 100px; }
   8       col.c     { width: 25%;   }
   9     </style>
  10   </head>
  11   <body>
  12     With colspan:
  13     <table cellspacing=0 cellpadding=0>
  14       <colgroup><col class="a"/><col/><col class="c"/></colgroup>
  15       <tbody><tr>
  16         <td class="blue"></td>
  17         <td class="green" colspan="2"></td>
  18       </tr></tbody>
  19     </table>
  20     <table cellspacing=0 cellpadding=0>
  21       <colgroup><col class="a"/><col/><col class="c"/></colgroup>
  22       <tbody><tr>
  23         <td class="blue">xxx</td>
  24         <td class="green" colspan="2"></td>
  25       </tr></tbody>
  26     </table>
  27     <table cellspacing=0 cellpadding=0>
  28       <colgroup><col class="a"/><col/><col class="c"/></colgroup>
  29       <tbody><tr>
  30         <td class="blue"></td>
  31         <td class="green" colspan="2">xxx</td>
  32       </tr></tbody>
  33     </table>
  34     <table cellspacing=0 cellpadding=0>
  35       <colgroup><col class="a"/><col/><col class="c"/></colgroup>
  36       <tbody><tr>
  37         <td class="blue">xxx</td>
  38         <td class="green" colspan="2">xxx</td>
  39       </tr></tbody>
  40     </table>
  41
  42     Without colspan:
  43     <table cellspacing=0 cellpadding=0>
  44       <colgroup><col class="a"/><col/><col class="c"/></colgroup>
  45       <tbody><tr>
  46         <td class="blue"></td>
  47         <td class="green"></td>
  48         <td class="green"></td>
  49       </tr></tbody>
  50     </table>
  51     <table cellspacing=0 cellpadding=0>
  52       <colgroup><col class="a"/><col/><col class="c"/></colgroup>
  53       <tbody><tr>
  54         <td class="blue">xxx</td>
  55         <td class="green"></td>
  56         <td class="green"></td>
  57       </tr></tbody>
  58     </table>
  59     <table cellspacing=0 cellpadding=0>
  60       <colgroup><col class="a"/><col/><col class="c"/></colgroup>
  61       <tbody><tr>
  62         <td class="blue"></td>
  63         <td class="green">xxx</td>
  64         <td class="green"></td>
  65       </tr></tbody>
  66     </table>
  67     <table cellspacing=0 cellpadding=0>
  68       <colgroup><col class="a"/><col/><col class="c"/></colgroup>
  69       <tbody><tr>
  70         <td class="blue"></td>
  71         <td class="green"></td>
  72         <td class="green">xxx</td>
  73       </tr></tbody>
  74     </table>
  75     <table cellspacing=0 cellpadding=0>
  76       <colgroup><col class="a"/><col/><col class="c"/></colgroup>
  77       <tbody><tr>
  78         <td class="blue">xxx</td>
  79         <td class="green">xxx</td>
  80         <td class="green"></td>
  81       </tr></tbody>
  82     </table>
  83     <table cellspacing=0 cellpadding=0>
  84       <colgroup><col class="a"/><col/><col class="c"/></colgroup>
  85       <tbody><tr>
  86         <td class="blue">xxx</td>
  87         <td class="green"></td>
  88         <td class="green">xxx</td>
  89       </tr></tbody>
  90     </table>
  91     <table cellspacing=0 cellpadding=0>
  92       <colgroup><col class="a"/><col/><col class="c"/></colgroup>
  93       <tbody><tr>
  94         <td class="blue"></td>
  95         <td class="green">xxx</td>
  96         <td class="green">xxx</td>
  97       </tr></tbody>
  98     </table>
  99     <table cellspacing=0 cellpadding=0>
 100       <colgroup><col class="a"/><col/><col class="c"/></colgroup>
 101       <tbody><tr>
 102         <td class="blue">xxx</td>
 103         <td class="green">xxx</td>
 104         <td class="green">xxx</td>
 105       </tr></tbody>
 106     </table>
 107   </body>
 108 </html>