| <!DOCTYPE HTML PUBLIC "NavQuirks"> |
| |
| <TITLE>Mozilla Tests: Colspan & 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> |
| |