mirror of
https://github.com/rn10950/RetroZilla.git
synced 2024-11-09 09:20:15 +01:00
155 lines
5.4 KiB
HTML
155 lines
5.4 KiB
HTML
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
|
||
|
|
<HTML lang="en">
|
||
|
|
|
||
|
|
<HEAD>
|
||
|
|
<META name="author" content="Ian Hickson">
|
||
|
|
<META name="copyright" content="© copyright 1999 Ian Hickson">
|
||
|
|
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
|
||
|
|
<META http-equiv="Content-Style-Type" content="text/css">
|
||
|
|
<TITLE>Evil Tests: Inheritance Set Through Tables</TITLE>
|
||
|
|
|
||
|
|
<STYLE TYPE="text/css">
|
||
|
|
|
||
|
|
BODY { color: black; background: white; font: 1em serif; }
|
||
|
|
.fancy { color: white; background: black; font: bold 2em sans-serif; }
|
||
|
|
|
||
|
|
.table { display: table; }
|
||
|
|
.row { display: table-row; }
|
||
|
|
.cell { display: table-cell; }
|
||
|
|
|
||
|
|
|
||
|
|
</STYLE>
|
||
|
|
|
||
|
|
</HEAD>
|
||
|
|
|
||
|
|
<BODY>
|
||
|
|
|
||
|
|
<H1>Table Inheritance Tests - 1</H1>
|
||
|
|
|
||
|
|
<p>If you have any comments to make regarding this test, e-mail <a
|
||
|
|
href="mailto:py8ieh=eviltests-table@bath.ac.uk">py8ieh=eviltests@bath.ac.uk</a>.</p>
|
||
|
|
|
||
|
|
<dl>
|
||
|
|
<dt>Prerequisites</dt>
|
||
|
|
<dd>Browsers that are subjected to this test should support CSS1 and the CSS2 table model.</dd>
|
||
|
|
</dl>
|
||
|
|
|
||
|
|
<H2>0. Control</H2>
|
||
|
|
|
||
|
|
<P>The following four tests should look identical, namely, like this:</P>
|
||
|
|
|
||
|
|
<DIV class="fancy">This text should be white on black, bold, twice the
|
||
|
|
size of normal text, and sans serif.</DIV>
|
||
|
|
|
||
|
|
<P>There are some minor exceptions, however. The x.1 tests should fill
|
||
|
|
the viewport width, the other tests need not. Also, browsers
|
||
|
|
attempting to have backwards compatability with the buggy behaviour of
|
||
|
|
legacy browsers may omit to inherit the color and font-size in 1.1,
|
||
|
|
which will make 1.1 (but only 1.1) unreadable. That is the problem
|
||
|
|
with not following the specs.</P>
|
||
|
|
|
||
|
|
<H2>1. HTML Tables</H2>
|
||
|
|
|
||
|
|
<H3>1.1 Inheritance through a DIV</H3>
|
||
|
|
<DIV class=fancy><TABLE><TR><TD> This text should be white on black,
|
||
|
|
bold, twice the size of normal text, and sans serif.
|
||
|
|
</TD></TR></TABLE></DIV>
|
||
|
|
|
||
|
|
|
||
|
|
<H3>1.2 Styles set directly on TABLE</H3>
|
||
|
|
<TABLE class=fancy><TR><TD> This text should be white on black,
|
||
|
|
bold, twice the size of normal text, and sans serif.
|
||
|
|
</TD></TR></TABLE>
|
||
|
|
|
||
|
|
|
||
|
|
<H2>2. Explicit CSS Tables</H2>
|
||
|
|
|
||
|
|
<H3>2.1 Inheritance through a DIV</H3>
|
||
|
|
<DIV class=fancy><DIV class=table><DIV class=row><DIV class=cell> This
|
||
|
|
text should be white on black, bold, twice the size of normal text,
|
||
|
|
and sans serif. </DIV></DIV></DIV></DIV>
|
||
|
|
|
||
|
|
<H3>2.2 Styles set directly on TABLE</H3>
|
||
|
|
<DIV class="fancy table"><DIV class=row><DIV class=cell> This text
|
||
|
|
should be white on black, bold, twice the size of normal text, and
|
||
|
|
sans serif. </DIV></DIV></DIV>
|
||
|
|
|
||
|
|
<H3>2.3 Styles set directly on ROW</H3>
|
||
|
|
<DIV class=table><DIV class="fancy row"><DIV class=cell> This text
|
||
|
|
should be white on black, bold, twice the size of normal text, and
|
||
|
|
sans serif. </DIV></DIV></DIV>
|
||
|
|
|
||
|
|
<H3>2.4 Styles set directly on CELL</H3>
|
||
|
|
<DIV class=table><DIV class=row><DIV class="fancy cell"> This text
|
||
|
|
should be white on black, bold, twice the size of normal text, and
|
||
|
|
sans serif. </DIV></DIV></DIV>
|
||
|
|
|
||
|
|
|
||
|
|
<H2>3. Implicit CSS Tables (table explicit)</H2>
|
||
|
|
|
||
|
|
<H3>3.1 Inheritance through a DIV</H3>
|
||
|
|
<DIV class=fancy><DIV class=table> This text should be white on black,
|
||
|
|
bold, twice the size of normal text, and sans serif.
|
||
|
|
</DIV></DIV>
|
||
|
|
|
||
|
|
<H3>3.2 Styles set directly on TABLE</H3>
|
||
|
|
<DIV class="fancy table"> This text should be white on black,
|
||
|
|
bold, twice the size of normal text, and sans serif.
|
||
|
|
</DIV>
|
||
|
|
|
||
|
|
|
||
|
|
<H2>4. Implicit CSS Tables (row explicit)</H2>
|
||
|
|
|
||
|
|
<H3>4.1 Inheritance through a DIV</H3>
|
||
|
|
<DIV class=fancy><DIV class=row> This text should be white on black,
|
||
|
|
bold, twice the size of normal text, and sans serif.
|
||
|
|
</DIV></DIV>
|
||
|
|
|
||
|
|
<H3>4.2 Styles set directly on ROW</H3>
|
||
|
|
<DIV class="fancy row"> This text should be white on black,
|
||
|
|
bold, twice the size of normal text, and sans serif.
|
||
|
|
</DIV>
|
||
|
|
|
||
|
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
|
||
|
|
|
||
|
|
<H2>5. Implicit CSS Tables (cell explicit)</H2>
|
||
|
|
|
||
|
|
<H3>5.1 Inheritance through a DIV</H3>
|
||
|
|
<DIV class=fancy><DIV class=cell> This text should be white on black,
|
||
|
|
bold, twice the size of normal text, and sans serif.
|
||
|
|
</DIV></DIV>
|
||
|
|
|
||
|
|
<H3>5.2 Styles set directly on CELL</H3>
|
||
|
|
<DIV class="fancy cell"> This text should be white on black,
|
||
|
|
bold, twice the size of normal text, and sans serif.
|
||
|
|
</DIV>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<h2>Submit Results</h2>
|
||
|
|
|
||
|
|
<FORM action="/%7Epy8ieh/cgi/newresult.pl" method="POST" class="resultsubmission">
|
||
|
|
<P>How does your browser fare on this test?
|
||
|
|
<SELECT NAME="result">
|
||
|
|
<OPTION VALUE="M"> The tests all render identically, and this browser may or may not grok CSS2 tables. </OPTION>
|
||
|
|
<OPTION VALUE="Y"> The tests all render identically, and this browser does grok CSS2 tables. </OPTION>
|
||
|
|
<OPTION VALUE="N"> The tests all render identically, but this browser does not grok CSS2 tables. </OPTION>
|
||
|
|
<OPTION VALUE="B"> The tests do not render all the same. </OPTION>
|
||
|
|
<OPTION VALUE="D"> Any of the tests render black-on-black. </OPTION>
|
||
|
|
<OPTION VALUE="U"> Untestable: CSS not supported. </OPTION>
|
||
|
|
</SELECT>
|
||
|
|
<LABEL>Comment: <INPUT TYPE="text" NAME="comment"></LABEL>
|
||
|
|
<INPUT TYPE="submit" VALUE="Submit">
|
||
|
|
</P>
|
||
|
|
</FORM>
|
||
|
|
|
||
|
|
|
||
|
|
<HR title="Footer">
|
||
|
|
<p>Up to the <a href="home.html">Table Tests</A>.</p>
|
||
|
|
<p>Up to the <a href="../home.html">Evil Tests Page</A>.</p>
|
||
|
|
<P>Bugzilla: <a href="http://bugzilla.mozilla.org/show_bug.cgi?id=1959">Bug 1044</A></P>
|
||
|
|
<p>This page is maintained by <a class=External HREF="http://www.bath.ac.uk/%7Epy8ieh/">Ian Hickson</A> (<a class=Mail HREF="mailto:py8ieh=website@bath.ac.uk">py8ieh@bath.ac.uk</A>).</p>
|
||
|
|
<p>Last updated in March 1999.</p>
|
||
|
|
|
||
|
|
</BODY></HTML>
|