third_party/WebKit/LayoutTests/tables/mozilla/bugs/bug5835.html

   1 <HTML>
   2 <BODY>
   3
   4 <p>This first table is the simple test case. Colspan confuses the width
   5 allocation when there is an image in the colspanned row. </p>
   6
   7  <TABLE BORDER WIDTH="620">
   8 <TR>
   9  <TD WIDTH=420>
  10   foo
  11  </td>
  12  <td WIDTH=200>
  13   bar
  14  </td>
  15 </tr>
  16 <TR>
  17  <TD COLSPAN=2>
  18   <img src="../images/rle.cgi?1865?111335577"
  19   alt="Russian LinkExchange Banner Network" border="0" height="60"
  20   width="468">
  21  </TD>
  22 </TR>
  23
  24 </table>
  25
  26 <p>This second table is the same as the first, minus the second
  27 'colspan=2' row. Widths are now correct.</p>
  28
  29 <TABLE BORDER WIDTH="620">
  30 <TR>
  31  <TD WIDTH=420>
  32   foo
  33  </td>
  34  <td WIDTH=200>
  35   bar
  36  </td>
  37 </tr>
  38 </table>
  39
  40  <p>An observation: Note that as the image-width approaches
  41 the table-width, the two columns approach equal width (error increases).
  42 Conversely, below some threshold image-width (which is about 390px or 30px less than the TD WIDTH=420), the error is (apparently) zero.
  43 </p>
  44
  45 <p>Here the &lt;img width=600&gt;</p>
  46
  47  <TABLE BORDER WIDTH="620">
  48 <TR>
  49  <TD WIDTH=420>
  50   foo
  51  </td>
  52  <td WIDTH=200>
  53   bar
  54  </td>
  55 </tr>
  56 <TR>
  57  <TD COLSPAN=2>
  58   <img src="../images/rle.cgi?1865?111335577"
  59   alt="Russian LinkExchange Banner Network" border="0" height="60"
  60   width="600">
  61  </TD>
  62 </TR>
  63
  64 </table>
  65
  66 <p>Here the &lt;img width=400&gt; (error is almost zero).</p>
  67
  68 <TABLE BORDER WIDTH="620" bgcolor="#dddddd">
  69 <TR>
  70  <TD WIDTH=420>
  71   foo (single row table)
  72  </td>
  73  <td WIDTH=200>
  74   bar (single row table)
  75  </td>
  76 </tr>
  77 </table>
  78 <TABLE BORDER WIDTH="620">
  79 <TR>
  80  <TD WIDTH=420>
  81   foo
  82  </td>
  83  <td WIDTH=200>
  84   bar
  85  </td>
  86 </tr>
  87 <TR>
  88  <TD COLSPAN=2>
  89   <img src="../images/rle.cgi?1865?111335577"
  90   alt="Russian LinkExchange Banner Network" border="0" height="60"
  91   width="400">
  92  </TD>
  93 </TR>
  94
  95 </table>
  96
  97 <p>I tested the above with M4 and May01 build for win95. (The above
  98 examples assume that images load normally -- N.B. for May01 the images
  99 initially load, and the width error is visually apparent, but then the
 100 images get replaced by their ALT text, and the width error is no
 101 longer present -- this is, of course, a different issue/bug.)
 102
 103 </BODY></HTML>
 104