зеркало из https://github.com/mozilla/pjs.git
628 строки
13 KiB
HTML
628 строки
13 KiB
HTML
<!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>
|
|
|