layout/reftests/bugs/407243-1-ref.html

   1 <html>
   2 <head><style>
   3   tr        { height: 1em;  }
   4   td.wide   { width: 500px; }
   5
   6   td.orange { background: orange;    }
   7   td.purple { background: purple;    }
   8   td.teal   { background: teal;      }
   9   td.blue   { background: lightblue; }
  10 </style></head>
  11 <body>
  12   <p>(x,x) labels indicate the column & row order of the orange cell.</p>
  13
  14   <br/>(0,0)
  15   <table cellpadding="0" cellspacing="0">
  16     <tr>
  17       <td class="orange wide"></td>
  18       <td class="orange"></td>
  19       <td class="purple"></td>
  20     </td>
  21     </tr><tr>
  22       <td class="teal">x</td>
  23       <td class="blue" colspan="2">y z</td>
  24     </tr>
  25   </table>
  26
  27   <br/>(0,1)
  28   <table cellpadding="0" cellspacing="0">
  29     <tr>
  30       <td class="teal">x</td>
  31       <td class="blue" colspan="2">y z</td>
  32     </td>
  33     </tr><tr>
  34       <td class="orange wide"></td>
  35       <td class="orange"></td>
  36
  37       <td class="purple"></td>
  38     </tr>
  39   </table>
  40
  41   <br/>(1,0)
  42   <table cellpadding="0" cellspacing="0">
  43     <tr>
  44       <td class="purple"></td>
  45       <td class="orange"></td>
  46       <td class="orange wide"></td>
  47     </td>
  48     </tr><tr>
  49       <td class="blue" colspan="2">y z</td>
  50       <td class="teal">x</td>
  51     </tr>
  52   </table>
  53
  54   <br/>(1,1)
  55   <table cellpadding="0" cellspacing="0">
  56     <tr>
  57       <td class="blue" colspan="2">y z</td>
  58       <td class="teal">x</td>
  59     </td>
  60     </tr><tr>
  61       <td class="purple"></td>
  62       <td class="orange"></td>
  63       <td class="orange wide"></td>
  64     </tr>
  65   </table>
  66 </body>
  67 </html>