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

   1 <html><body>
   2
   3 <div align=center>
   4 <hr>
   5 <p><b>Tables I, II, III, IV (cellpadding=0 cellspacing=5)</b></p>
   6
   7 <table border cellpadding=5 bgcolor=ffcc00>
   8 <tr><td valign=top>
   9
  10 <table border cellpadding=0 cellspacing=5  bgcolor=ffffff>
  11   <caption><nobr>Table I</nobr></caption>
  12   <tr>
  13     <td>1,1</td><td>1,2</td><td>1,3</td><td>1,4</td><td>1,5</td>
  14   </tr>
  15   <tr>
  16     <td>2,1</td><td>2,2</td><td>2,3</td><td>2,4</td><td>2,5</td>
  17   </tr>
  18   <tr>
  19     <td>3,1</td><td bgcolor=ffff66>3,2</td><td bgcolor=ffff66>3,3</td><td bgcolor=ffff66>3,4</td><td>3,5</td>
  20   </tr>
  21 </table>
  22
  23 </td><td valign=top>
  24
  25 <table border cellpadding=0 cellspacing=5  bgcolor=ffffff>
  26   <caption><nobr>Table II</nobr></caption>
  27   <tr>
  28     <td>1,1</td><td colspan=2>1,2</td><td>1,4</td><td>1,5</td>
  29   </tr>
  30   <tr>
  31     <td>2,1</td><td>2,2</td><td colspan=2>2,3</td><td>2,5</td>
  32   </tr>
  33   <tr>
  34     <td>3,1</td><td bgcolor=ffff66>3,2</td><td bgcolor=ffff66>3,3</td><td bgcolor=ffff66>3,4</td><td>3,5</td>
  35   </tr>
  36 </table>
  37
  38 </td><td valign=top>
  39
  40 <table border cellpadding=0 cellspacing=5  bgcolor=ffffff>
  41   <caption><nobr>Table III</nobr></caption>
  42   <tr>
  43     <td>1,1</td><td colspan=2>1,2</td><td>1,4</td><td>1,5</td>
  44   </tr>
  45   <tr>
  46     <td>2,1</td><td>2,2</td><td colspan=2>2,3</td><td>2,5</td>
  47   </tr>
  48   <tr>
  49     <td>3,1</td><td bgcolor=ffff66></td><td bgcolor=ffff66></td><td bgcolor=ffff66></td><td>3,5</td>
  50   </tr>
  51 </table>
  52
  53 </td><td valign=top>
  54
  55 <table border cellpadding=0 cellspacing=5  bgcolor=ffffff>
  56   <caption><nobr>Table IV</nobr></caption>
  57   <tr>
  58     <td>1,1</td><td colspan=2>1,2</td><td>1,4</td><td>1,5</td>
  59   </tr>
  60   <tr>
  61     <td>2,1</td><td>2,2</td><td colspan=2>2,3</td><td>2,5</td>
  62   </tr>
  63 </table>
  64
  65 </td></tr></table>
  66 </div>
  67
  68 <BR>
  69 <p>
  70 This is a table colspan counting problem (IMHO).
  71 The oversize &lt;TABLE> has two rows: one has *two* &lt;TD>
  72 "requesting" total of 3 columns to span; second row has *one* &lt;TD>
  73 "requesting" total of 3 columns to span. In other words, it's asking
  74 for one more column than the max number of 'real' elements in a row.
  75
  76 Here's the simple case (first one shows the problem; the other adjusts the
  77 colspan values and it works) (Dec 19 Nightly Win 95): All the elements in
  78 the two tables below are width=auto (i.e., no width attribute specified).
  79 </p><br>
  80
  81 <TABLE CELLPADDING="3" CELLSPACING="0" border="1">
  82   <TR>
  83     <TD colspan="2"><P><b>This is colspan=2</b></P></TD>
  84     <TD>Blah Blah Blah Blah Blah Blah</TD>
  85   </TR>
  86   <TR>
  87     <TD colspan="3">
  88       <p><b>This is colspan=3</b> blah blah blah blah blah
  89          --- why doesn't this cell span the table (5.0 win95 jun17)?
  90       </p>
  91     </TD>
  92  </TR>
  93 </TABLE>
  94 <br><br>
  95 <TABLE CELLPADDING="3" CELLSPACING="0" border="1">
  96   <TR>
  97     <TD colspan="1"><P><b>This is colspan=1</b></P></TD>
  98     <TD>Blah Blah Blah Blah Blah Blah</TD>
  99   </TR>
 100   <TR>
 101     <TD colspan="2">
 102       <p><b>This is colspan=2</b> blah blah blah blah blah
 103          --- this cell spans the table correctly.
 104       </p>
 105     </TD>
 106  </TR>
 107 </TABLE>
 108
 109 <br><p>
 110
 111  Here's the test case from bug #2645.
 112 </p><p>
 113 This test case (below) is derived from home.netscape.com (although
 114 not much is left).  [This was the table structure for "Autos ... Local
 115 ..." and the right-hand column ("ABCNews.com..."); added an extra column
 116 to differentiate this example a bit more from the one above].
 117 </p><p>
 118  The basic problem is "competing colspan requests". The table has two rows,
 119 both of which have COLSPAN requests. They are both asking for one more column
 120 than the max number of 'real' elements in either row (i.e., both ask for total
 121 of 5 but the maximum number of TD in either row is 4). This seems to confuse the
 122 algorithm. ;) (Note: all the column elements in these two tables are width=fixed
 123 except the TD with colspan=(4|3)).
 124 </p>
 125
 126 <TABLE WIDTH=680 border>
 127
 128   <TR>
 129 <td width=80>x</td>
 130     <TD WIDTH=400 COLSPAN=2>         this (colspan=2)</TD>
 131     <TD WIDTH=2   BGCOLOR="#99cccc"> blue </TD>
 132     <TD WIDTH=198>                   that </TD>
 133   </TR>
 134   <TR>
 135 <td width=80>x</td>
 136     <TD COLSPAN=4 BGCOLOR="#99cccc"> blue (colspan=4) --- doesn't span (5.0 win95 jun17)</TD>
 137   </TR></TABLE>
 138 <br><p>
 139 Here's the same table but the 'colspan' values have been normalized.
 140 </p>
 141 <TABLE WIDTH=680 border>
 142
 143   <TR>
 144 <td width=80>x</td>
 145     <TD WIDTH=400 COLSPAN=1>         this (colspan=1)</TD>
 146     <TD WIDTH=2   BGCOLOR="#99cccc"> blue </TD>
 147     <TD WIDTH=198>                   that </TD>
 148   </TR>
 149   <TR>
 150 <td width=80>x</td>
 151     <TD COLSPAN=3 BGCOLOR="#99cccc"> blue (colspan=3) --- spans correctly</TD>
 152   </TR></TABLE>
 153
 154
 155 <BR>
 156
 157
 158
 159
 160 </body></html>
 161