2000-04-04 05:29:10 +04:00
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
2000-04-02 23:17:28 +04:00
< 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 >
