pjs/layout/html/tests/table/bugs/bug7121-1.html

110 строки
2.6 KiB
HTML

<HTML>
<BODY>
<p>In this table (modeled after mozilla.org template) the cells in
column two are requesting colspans of (2,3,2,6) respectively. Notice
that they all want to span more than one column (which means, in the case of
this table, all rows are requesting to span more columns than the
number of 'real' <code>&lt;TD&gt;</code> in any single rows [i.e., all rows in the top
table want to
span 9 cells, but the maximum number of <code>&lt;TD&gt;</code> in any row is
8].</p><p>This condition leads to the 'white gap' (in builds of 5.0 for jun04 and before).</p>
<TABLE BORDER=1 CELLPADDING=0 CELLSPACING=0 WIDTH="100%">
<!-- 8 'real', 9 'requested' -->
<TR>
<TD BGCOLOR="#999999">1</TD>
<TD BGCOLOR="#DDDDDD" COLSPAN=2>2</TD>
<TD BGCOLOR="#DDDDDD">4</TD>
<TD BGCOLOR="#999999">5</TD>
<TD >6</TD>
<TD >7</TD>
<TD >8</TD>
<TD BGCOLOR="#999999">9</TD>
</TR>
<!-- 7 'real', 9 'requested' -->
<TR>
<TD BGCOLOR="#999999">1</TD>
<TD BGCOLOR="#DDDDDD" COLSPAN=3>2</TD>
<TD BGCOLOR="#999999">5</TD>
<TD >6</TD>
<TD >7</TD>
<TD >8</TD>
<TD BGCOLOR="#999999">9</TD>
</TR>
<!-- 7 'real', 9 'requested' -->
<TR>
<TD BGCOLOR="#999999">1</TD>
<TD BGCOLOR="#DDDDDD" COLSPAN=2>2</TD>
<TD BGCOLOR="#DDDDDD">4</TD>
<TD BGCOLOR="#999999">5</TD>
<TD COLSPAN=2>6</TD>
<TD >8</TD>
<TD BGCOLOR="#999999">9</TD>
</TR>
<!-- 3 'real', 9 'requested' -->
<TR>
<TD BGCOLOR="#999999" COLSPAN=6>1</TD>
<TD BGCOLOR="#999999">7</TD>
<TD BGCOLOR="#999999" COLSPAN=2>8</TD>
</TR>
</TABLE>
<p>This is the same table as above, but instead the cells in column two
are requesting colspans of (1,2,1,5) respectively (i.e., excess requests have
been 'normalized' away). There is no more 'white gap'.</p>
<TABLE BORDER=1 CELLPADDING=0 CELLSPACING=0 WIDTH="100%">
<!-- 8 'real', 9 'requested' -->
<TR>
<TD BGCOLOR="#999999">1</TD>
<TD BGCOLOR="#DDDDDD" COLSPAN=1>2</TD>
<TD BGCOLOR="#DDDDDD">3</TD>
<TD BGCOLOR="#999999">4</TD>
<TD >5</TD>
<TD >6</TD>
<TD >7</TD>
<TD BGCOLOR="#999999">8</TD>
</TR>
<!-- 7 'real', 9 'requested' -->
<TR>
<TD BGCOLOR="#999999">1</TD>
<TD BGCOLOR="#DDDDDD" COLSPAN=2>2</TD>
<TD BGCOLOR="#999999">4</TD>
<TD >5</TD>
<TD >6</TD>
<TD >7</TD>
<TD BGCOLOR="#999999">8</TD>
</TR>
<!-- 7 'real', 9 'requested' -->
<TR>
<TD BGCOLOR="#999999">1</TD>
<TD BGCOLOR="#DDDDDD" COLSPAN=1>2</TD>
<TD BGCOLOR="#DDDDDD">3</TD>
<TD BGCOLOR="#999999">4</TD>
<TD COLSPAN=2>5</TD>
<TD >7</TD>
<TD BGCOLOR="#999999">8</TD>
</TR>
<!-- 3 'real', 9 'requested' -->
<TR>
<TD BGCOLOR="#999999" COLSPAN=5>1</TD>
<TD BGCOLOR="#999999">6</TD>
<TD BGCOLOR="#999999" COLSPAN=2>7</TD>
</TR>
</TABLE>
</BODY>
</HTML>