layout/reftests/bugs/379361-3.html

   1 <html>
   2 <body>
   3
   4 <li>Tables have width 500px.
   5 <li>Yellow cells have width 200px.
   6 <li>Green cells are auto-width.
   7 <li>Blue cells have colspan = 2 and, in test case, have various specified widths.
   8
   9 <table width="500px" cellspacing="0" cellpadding="0">
  10   <tr>
  11     <td style="width: 200px; background: yellow"></td>
  12     <td style="background: lightgreen">Here are some words.</td>
  13   </tr>
  14   <tr>
  15     <td style="width: 10px; background: lightblue" colspan="2">10 px</td>
  16   </tr>
  17 </table>
  18 <br/>
  19
  20 <table width="500px" cellspacing="0" cellpadding="0">
  21   <tr>
  22     <td style="width: 200px; background: yellow"></td>
  23     <td style="background: lightgreen">Here are some words.</td>
  24   </tr>
  25   <tr>
  26     <td style="width: 50px; background: lightblue" colspan="2">50 px</td>
  27   </tr>
  28 </table>
  29 <br/>
  30
  31 <table width="500px" cellspacing="0" cellpadding="0">
  32   <tr>
  33     <td style="width: 200px; background: yellow"></td>
  34     <td style="background: lightgreen">Here are some words.</td>
  35   </tr>
  36   <tr>
  37     <td style="width: 100px; background: lightblue" colspan="2">100 px</td>
  38   </tr>
  39 </table>
  40 <br/>
  41
  42 <table width="500px" cellspacing="0" cellpadding="0">
  43   <tr>
  44     <td style="width: 200px; background: yellow"></td>
  45     <td style="background: lightgreen">Here are some words.</td>
  46   </tr>
  47   <tr>
  48     <td style="width: 384px; background: lightblue" colspan="2">384 px</td>
  49   </tr>
  50 </table>
  51 <br/>
  52
  53 <table width="500px" cellspacing="0" cellpadding="0">
  54   <tr>
  55     <td style="width: 200px; background: yellow"></td>
  56     <td style="background: lightgreen">Here are some words.</td>
  57   </tr>
  58   <tr>
  59     <td style="width: 385px; background: lightblue" colspan="2">385 px</td>
  60   </tr>
  61 </table>
  62 <br/>
  63
  64 <table width="500px" cellspacing="0" cellpadding="0">
  65   <tr>
  66     <td style="width: 200px; background: yellow"></td>
  67     <td style="background: lightgreen">Here are some words.</td>
  68   </tr>
  69   <tr>
  70     <td style="width: 390px; background: lightblue" colspan="2">390 px</td>
  71   </tr>
  72 </table>
  73 <br/>
  74
  75 <table width="500px" cellspacing="0" cellpadding="0">
  76   <tr>
  77     <td style="width: 200px; background: yellow"></td>
  78     <td style="background: lightgreen">Here are some words.</td>
  79   </tr>
  80   <tr>
  81     <td style="width: 500px; background: lightblue" colspan="2">500 px</td>
  82   </tr>
  83 </table>
  84 <br/>
  85
  86 <table width="500px" cellspacing="0" cellpadding="0">
  87   <tr>
  88     <td style="width: 200px; background: yellow"></td>
  89     <td style="background: lightgreen">Here are some words.</td>
  90   </tr>
  91   <tr>
  92     <td style="width: 600px; background: lightblue" colspan="2">600 px</td>
  93   </tr>
  94 </table>
  95 <br/>
  96
  97 <table width="500px" cellspacing="0" cellpadding="0">
  98   <tr>
  99     <td style="width: 200px; background: yellow"></td>
 100     <td style="background: lightgreen">Here are some words.</td>
 101   </tr>
 102   <tr>
 103     <td style="width: 900px; background: lightblue" colspan="2">900 px</td>
 104   </tr>
 105 </table>
 106 <br/>
 107
 108 </table>
 109 <br/>
 110
 111 <table width="500px" cellspacing="0" cellpadding="0">
 112   <tr>
 113     <td style="width: 200px; background: yellow"></td>
 114     <td style="background: lightgreen">Here are some words.</td>
 115   </tr>
 116   <tr>
 117     <td style="width: 1500px; background: lightblue" colspan="2">1500 px</td>
 118   </tr>
 119 </table>
 120 <br/>
 121
 122 </body>
 123 </html>