<!DOCTYPE HTML PUBLIC "NavQuirks">

<TITLE>Mozilla Tests: Colspan &amp; Width</TITLE>

<STYLE>
   TABLE, TR, TD { border: none; }
   #a  { background: lime; }
   #b  { background: yellow; }
   #c  { background: fuchsia; }
   DIV { border: solid red; width: 400px; }
</STYLE>

<h1>Problems with COLSPAN and WIDTH</h1>

<p>Each block of tables should be identical.</p>

<h2>Sized Tables</h2>

<P>The following tables have width=400, which should make them the
same width as the red lines which are caused by DIVs:</P>

<h3>260/140</h3>

<DIV></DIV>

<TABLE WIDTH=400>
        <TR>
                <TD id=a>
                        plain
                </TD>
                <TD id=b WIDTH=140>
                        width=140
                </TD>
        </TR>   
        <TR>
                <TD id=c COLSPAN=2 WIDTH=400>
                        colspan=2 width=400
                </TD>
        </TR>
</TABLE>

<DIV></DIV>

<TABLE WIDTH=400>
        <TR>
                <TD id=a width=260>
                        width=260
                </TD>
                <TD id=b>
                        plain
                </TD>
        </TR>   
        <TR>
                <TD id=c COLSPAN=2 WIDTH=400>
                        colspan=2 width=400
                </TD>
        </TR>
</TABLE>

<DIV></DIV>

<TABLE WIDTH=400>
        <TR>
                <TD id=a width=260>
                        width=260
                </TD>
                <TD id=b width=140>
                        width=140
                </TD>
        </TR>   
        <TR>
                <TD id=c COLSPAN=2 WIDTH=400>
                        colspan=2 width=400
                </TD>
        </TR>
</TABLE>

<DIV></DIV>

<TABLE WIDTH=400>
        <TR>
                <TD id=a width=260>
                        width=260
                </TD>
                <TD id=b width=140>
                        width=140
                </TD>
        </TR>   
        <TR>
                <TD id=c COLSPAN=2>
                        colspan=2
                </TD>
        </TR>
</TABLE>

<DIV></DIV>

<TABLE WIDTH=400>
        <TR>
                <TD id=a width="65%">
                        width=65%
                </TD>
                <TD id=b>
                        plain
                </TD>
        </TR>   
        <TR>
                <TD id=c COLSPAN=2>
                        colspan=2
                </TD>
        </TR>
</TABLE>

<DIV></DIV>

<TABLE WIDTH=400>
        <TR>
                <TD id=a>
                        plain
                </TD>
                <TD id=b width="35%">
                        width=35%
                </TD>
        </TR>   
        <TR>
                <TD id=c COLSPAN=2>
                        colspan=2
                </TD>
        </TR>
</TABLE>

<DIV></DIV>

<TABLE WIDTH=400>
        <TR>
                <TD id=a width="65%">
                        width=65%
                </TD>
                <TD id=b width="35%">
                        width=35%
                </TD>
        </TR>   
        <TR>
                <TD id=c COLSPAN=2>
                        colspan=2
                </TD>
        </TR>
</TABLE>

<DIV></DIV>

<h3>140/260</h3>

<DIV></DIV>

<TABLE WIDTH=400>
        <TR>
                <TD id=a width=140>
                        width=140
                </TD>
                <TD id=b>
                        plain
                </TD>
        </TR>   
        <TR>
                <TD id=c COLSPAN=2 WIDTH=400>
                        colspan=2 width=400
                </TD>
        </TR>
</TABLE>

<DIV></DIV>

<TABLE WIDTH=400>
        <TR>
                <TD id=a>
                        plain
                </TD>
                <TD id=b WIDTH=260>
                        width=260
                </TD>
        </TR>   
        <TR>
                <TD id=c COLSPAN=2 WIDTH=400>
                        colspan=2 width=400
                </TD>
        </TR>
</TABLE>

<DIV></DIV>

<TABLE WIDTH=400>
        <TR>
                <TD id=a width=140>
                        width=140
                </TD>
                <TD id=b width=260>
                        width=260
                </TD>
        </TR>   
        <TR>
                <TD id=c COLSPAN=2 WIDTH=400>
                        colspan=2 width=400
                </TD>
        </TR>
</TABLE>

<DIV></DIV>

<TABLE WIDTH=400>
        <TR>
                <TD id=a width=140>
                        width=140
                </TD>
                <TD id=b width=260>
                        width=260
                </TD>
        </TR>   
        <TR>
                <TD id=c COLSPAN=2>
                        colspan=2
                </TD>
        </TR>
</TABLE>

<DIV></DIV>

<TABLE WIDTH=400>
        <TR>
                <TD id=a width="35%">
                        width=35%
                </TD>
                <TD id=b>
                        plain
                </TD>
        </TR>   
        <TR>
                <TD id=c COLSPAN=2>
                        colspan=2
                </TD>
        </TR>
</TABLE>

<DIV></DIV>

<TABLE WIDTH=400>
        <TR>
                <TD id=a>
                        plain
                </TD>
                <TD id=b width="65%">
                        width=65%
                </TD>
        </TR>   
        <TR>
                <TD id=c COLSPAN=2>
                        colspan=2
                </TD>
        </TR>
</TABLE>

<DIV></DIV>

<TABLE WIDTH=400>
        <TR>
                <TD id=a width="35%">
                        width=35%
                </TD>
                <TD id=b width="65%">
                        width=65%
                </TD>
        </TR>   
        <TR>
                <TD id=c COLSPAN=2>
                        colspan=2
                </TD>
        </TR>
</TABLE>

<DIV></DIV>

<h3>50%</h3>

<DIV></DIV>

<TABLE WIDTH=400>
        <TR>
                <TD id=a width="50%">
                        width=50%
                </TD>
                <TD id=b>
                        plain
                </TD>
        </TR>   
        <TR>
                <TD id=c COLSPAN=2 WIDTH=400>
                        colspan=2 width=400
                </TD>
        </TR>
</TABLE>

<DIV></DIV>

<TABLE WIDTH=400>
        <TR>
                <TD id=a>
                        plain
                </TD>
                <TD id=b width="50%">
                        width=50%
                </TD>
        </TR>   
        <TR>
                <TD id=c COLSPAN=2 WIDTH=400>
                        colspan=2 width=400
                </TD>
        </TR>
</TABLE>

<DIV></DIV>

<TABLE WIDTH=400>
        <TR>
                <TD id=a width="50%">
                        width=50%
                </TD>
                <TD id=b width="50%">
                        width=50%
                </TD>
        </TR>   
        <TR>
                <TD id=c COLSPAN=2 WIDTH=400>
                        colspan=2 width=400
                </TD>
        </TR>
</TABLE>

<DIV></DIV>

<TABLE WIDTH=400>
        <TR>
                <TD id=a>
                        plain
                </TD>
                <TD id=b>
                        plain
                </TD>
        </TR>   
        <TR>
                <TD id=c COLSPAN=2 WIDTH=400>
                        colspan=2 width=400
                </TD>
        </TR>
</TABLE>

<DIV></DIV>

<TABLE WIDTH=400>
        <TR>
                <TD id=a WIDTH=200>
                        width=200
                </TD>
                <TD id=b WIDTH=200>
                        width=200
                </TD>
        </TR>   
        <TR>
                <TD id=c COLSPAN=2>
                        colspan=2
                </TD>
        </TR>
</TABLE>

<DIV></DIV>

<h2>Tables Without Width</h2>

<P>The following tables have no width. They should still be the same
size, by virtue of them having a 400 pixel cell and no
padding/margin/borders.</P>

<h3>260/140</h3>

<DIV></DIV>

<TABLE>
        <TR>
                <TD id=a>
                        plain
                </TD>
                <TD id=b WIDTH=140>
                        width=140
                </TD>
        </TR>   
        <TR>
                <TD id=c COLSPAN=2 WIDTH=400>
                        colspan=2 width=400
                </TD>
        </TR>
</TABLE>

<DIV></DIV>

<TABLE>
        <TR>
                <TD id=a width=260>
                        width=260
                </TD>
                <TD id=b>
                        plain
                </TD>
        </TR>   
        <TR>
                <TD id=c COLSPAN=2 WIDTH=400>
                        colspan=2 width=400
                </TD>
        </TR>
</TABLE>

<DIV></DIV>

<TABLE>
        <TR>
                <TD id=a width=260>
                        width=260
                </TD>
                <TD id=b width=140>
                        width=140
                </TD>
        </TR>   
        <TR>
                <TD id=c COLSPAN=2 WIDTH=400>
                        colspan=2 width=400
                </TD>
        </TR>
</TABLE>

<DIV></DIV>

<TABLE>
        <TR>
                <TD id=a width=260>
                        width=260
                </TD>
                <TD id=b width=140>
                        width=140
                </TD>
        </TR>   
        <TR>
                <TD id=c COLSPAN=2>
                        colspan=2
                </TD>
        </TR>
</TABLE>

<DIV></DIV>

<h3>140/260</h3>

<DIV></DIV>

<TABLE>
        <TR>
                <TD id=a width=140>
                        width=140
                </TD>
                <TD id=b>
                        plain
                </TD>
        </TR>   
        <TR>
                <TD id=c COLSPAN=2 WIDTH=400>
                        colspan=2 width=400
                </TD>
        </TR>
</TABLE>

<DIV></DIV>

<TABLE>
        <TR>
                <TD id=a>
                        plain
                </TD>
                <TD id=b WIDTH=260>
                        width=260
                </TD>
        </TR>   
        <TR>
                <TD id=c COLSPAN=2 WIDTH=400>
                        colspan=2 width=400
                </TD>
        </TR>
</TABLE>

<DIV></DIV>

<TABLE>
        <TR>
                <TD id=a width=140>
                        width=140
                </TD>
                <TD id=b width=260>
                        width=260
                </TD>
        </TR>   
        <TR>
                <TD id=c COLSPAN=2 WIDTH=400>
                        colspan=2 width=400
                </TD>
        </TR>
</TABLE>

<DIV></DIV>

<TABLE>
        <TR>
                <TD id=a width=140>
                        width=140
                </TD>
                <TD id=b width=260>
                        width=260
                </TD>
        </TR>   
        <TR>
                <TD id=c COLSPAN=2>
                        colspan=2
                </TD>
        </TR>
</TABLE>

<DIV></DIV>

<h3>50%</h3>

<DIV></DIV>

<TABLE>
        <TR>
                <TD id=a width="50%">
                        width=50%
                </TD>
                <TD id=b>
                        plain
                </TD>
        </TR>   
        <TR>
                <TD id=c COLSPAN=2 WIDTH=400>
                        colspan=2 width=400
                </TD>
        </TR>
</TABLE>

<DIV></DIV>

<TABLE>
        <TR>
                <TD id=a>
                        plain
                </TD>
                <TD id=b width="50%">
                        width=50%
                </TD>
        </TR>   
        <TR>
                <TD id=c COLSPAN=2 WIDTH=400>
                        colspan=2 width=400
                </TD>
        </TR>
</TABLE>

<DIV></DIV>

<TABLE>
        <TR>
                <TD id=a width="50%">
                        width=50%
                </TD>
                <TD id=b width="50%">
                        width=50%
                </TD>
        </TR>   
        <TR>
                <TD id=c COLSPAN=2 WIDTH=400>
                        colspan=2 width=400
                </TD>
        </TR>
</TABLE>

<DIV></DIV>

<TABLE>
        <TR>
                <TD id=a>
                        plain
                </TD>
                <TD id=b>
                        plain
                </TD>
        </TR>   
        <TR>
                <TD id=c COLSPAN=2 WIDTH=400>
                        colspan=2 width=400
                </TD>
        </TR>
</TABLE>

<DIV></DIV>

<TABLE>
        <TR>
                <TD id=a WIDTH=200>
                        width=200
                </TD>
                <TD id=b WIDTH=200>
                        width=200
                </TD>
        </TR>   
        <TR>
                <TD id=c COLSPAN=2>
                        colspan=2
                </TD>
        </TR>
</TABLE>

<DIV></DIV>

