mirror of
https://github.com/rn10950/RetroZilla.git
synced 2024-11-14 19:50:12 +01:00
628 lines
13 KiB
HTML
628 lines
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>
|
||
|
|