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