chromium/third_party/blink/web_tests/tables/mozilla/bugs/bug6304.html

<html><body>

<div align=center>
<p style="font-weight: bold">Tables I, II, III, IV (cellpadding=0 cellspacing=5)</p>

<table border cellpadding=5 bgcolor=ffcc00>
<tr><td valign=top> 

<table border cellpadding=0 cellspacing=5  bgcolor=ffffff>
  <caption><nobr>Table I</nobr></caption>
  <tr>
    <td>1,1</td><td>1,2</td><td>1,3</td>
  </tr>  
  <tr>
    <td>2,1</td><td>2,2</td><td bgcolor=ffff66>2,3</td>
  </tr>
  <tr>
    <td>3,1</td><td>3,2</td><td bgcolor=ffff66>3,3</td>
  </tr>
  <tr>
    <td>4,1</td><td>4,2</td><td bgcolor=ffff66>4,3</td>
  </tr>
  <tr>
    <td>5,1</td><td>5,2</td><td>5,3</td>
  </tr>
</table>

</td><td valign=top>

<table border cellpadding=0 cellspacing=5  bgcolor=ffffff>
  <caption><nobr>Table II</nobr></caption>
  <tr>
    <td>1,1</td><td>1,2</td><td>1,3</td>
  </tr>  
  <tr>
    <td>2,1</td><td rowspan=2>2,2</td><td bgcolor=ffff66>2,3</td>
  </tr>
  <tr>
    <td rowspan=2>3,1</td>            <td bgcolor=ffff66>3,3</td>
  </tr>
  <tr>
                           <td>4,2</td><td bgcolor=ffff66>4,3</td>
  </tr>
  <tr>
    <td>5,1</td><td>5,2</td><td>5,3</td>
  </tr>
</table>

</td><td valign=top>

<table border cellpadding=0 cellspacing=5  bgcolor=ffffff>
  <caption><nobr>Table III</nobr></caption>
  <tr>
    <td>1,1</td><td>1,2</td><td>1,3</td>
  </tr>  
  <tr>
    <td>2,1</td><td rowspan=2>2,2</td><td bgcolor=ffff66></td>
  </tr>
  <tr>
    <td rowspan=2>3,1</td>            <td bgcolor=ffff66></td>
  </tr>
  <tr>
                          <td>4,2</td><td bgcolor=ffff66></td>
  </tr>
  <tr>
    <td>5,1</td><td>5,2</td><td>5,3</td>
  </tr>
</table>

</td><td valign=top>

<table border cellpadding=0 cellspacing=5  bgcolor=ffffff>
  <caption><nobr>Table IV</nobr></caption>
  <tr>
    <td>1,1</td><td>1,2</td>
  </tr>  
  <tr>
    <td>2,1</td><td rowspan=2>2,2</td>
  </tr>
  <tr>
    <td rowspan=2>3,1</td>            
  </tr>
  <tr>
                           <td>4,2</td>
  </tr>
  <tr>
    <td>5,1</td><td>5,2</td>
  </tr>
</table>

</td></tr></table>
</div>

<hr>

<p align="center"><b>This demonstrates a problem with "overlapping
rowspan cells" (look at Table IV).</b></p>

<p><b>Table I:</b> a regular 5x3 table</p>

<p><b>Table II:</b> introduces rowspan=2 for cells (2,2) and (3,1),
which 'overlap'.</p>

<p><b>Table III:</b> is Table II, but cells (2,3),(3,3) and (4,3) now
have 'empty' contents; the resulting table is still OK. Note that the
height of (2,3) and (4,3) is determined by cells (2,1) and (4,2)
respectively, whereas (3,3) has ~0 height since no 'effective' cell in
the row has any definite height requirement (except for border,
margin, padding if applicable).</p>

<p><b>Table IV:</b> is Table III, but column 3 has been removed (cells
(1,3),(2,3),(3,3),(4,3),(5,3)). This should mirror the first two
columns of Table III (but currently does not). </p>

<p>Note that cells (2,2) and (3,1) are still in the correct position,
with the same size as Table III, but that their cellspacing with (5,1)
and (4,2) is absent.</p>

<p>Tested with Apr25, M4 and 1999051109 (win95, opt.) Dated: May 11 1999</p>

</body></html>