gecko/layout/html/tests/table/core/standards1.html

628 lines
13 KiB
HTML

<!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>