~ubuntu-branches/ubuntu/precise/kompozer/precise

« back to all changes in this revision

Viewing changes to mozilla/layout/html/tests/table/bugs/bug2479-4.html

  • Committer: Bazaar Package Importer
  • Author(s): Anthony Yarusso
  • Date: 2007-08-27 01:11:03 UTC
  • Revision ID: james.westby@ubuntu.com-20070827011103-2jgf4s6532gqu2ka
Tags: upstream-0.7.10
ImportĀ upstreamĀ versionĀ 0.7.10

Show diffs side-by-side

added added

removed removed

Lines of Context:
 
1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
 
2
<HTML lang="en">
 
3
 
 
4
<HEAD>
 
5
  <META name="author" content="Ian Hickson">
 
6
  <META name="copyright" content="&copy; copyright 1999 Ian Hickson">
 
7
  <META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 
8
  <META http-equiv="Content-Style-Type" content="text/css">
 
9
  <TITLE>Evil Tests: Inheritance Set Through Tables</TITLE>
 
10
 
 
11
  <STYLE TYPE="text/css">
 
12
 
 
13
     BODY   { color: black; background: white; font: 1em serif; }
 
14
     .fancy { color: white; background: black; font: bold 2em sans-serif; }
 
15
 
 
16
     .table { display: table; } 
 
17
     .row   { display: table-row; } 
 
18
     .cell  { display: table-cell; } 
 
19
 
 
20
    
 
21
  </STYLE>
 
22
 
 
23
</HEAD>
 
24
 
 
25
<BODY>
 
26
 
 
27
<H1>Table Inheritance Tests - 1</H1>
 
28
 
 
29
<p>If you have any comments to make regarding this test, e-mail <a
 
30
href="mailto:py8ieh=eviltests-table@bath.ac.uk">py8ieh=eviltests@bath.ac.uk</a>.</p>
 
31
 
 
32
<dl>
 
33
 <dt>Prerequisites</dt>
 
34
 <dd>Browsers that are subjected to this test should support CSS1 and the CSS2 table model.</dd>
 
35
</dl>
 
36
 
 
37
<H2>0. Control</H2>
 
38
 
 
39
<P>The following four tests should look identical, namely, like this:</P>
 
40
 
 
41
<DIV class="fancy">This text should be white on black, bold, twice the
 
42
size of normal text, and sans serif.</DIV>
 
43
 
 
44
<P>There are some minor exceptions, however. The x.1 tests should fill
 
45
the viewport width, the other tests need not. Also, browsers
 
46
attempting to have backwards compatability with the buggy behaviour of
 
47
legacy browsers may omit to inherit the color and font-size in 1.1,
 
48
which will make 1.1 (but only 1.1) unreadable. That is the problem
 
49
with not following the specs.</P>
 
50
 
 
51
<H2>1. HTML Tables</H2>
 
52
 
 
53
<H3>1.1 Inheritance through a DIV</H3>
 
54
<DIV class=fancy><TABLE><TR><TD> This text should be white on black,
 
55
bold, twice the size of normal text, and sans serif.
 
56
</TD></TR></TABLE></DIV>
 
57
 
 
58
 
 
59
<H3>1.2 Styles set directly on TABLE</H3>
 
60
<TABLE class=fancy><TR><TD> This text should be white on black,
 
61
bold, twice the size of normal text, and sans serif.
 
62
</TD></TR></TABLE>
 
63
 
 
64
 
 
65
<H2>2. Explicit CSS Tables</H2>
 
66
 
 
67
<H3>2.1 Inheritance through a DIV</H3>
 
68
<DIV class=fancy><DIV class=table><DIV class=row><DIV class=cell> This
 
69
text should be white on black, bold, twice the size of normal text,
 
70
and sans serif. </DIV></DIV></DIV></DIV>
 
71
 
 
72
<H3>2.2 Styles set directly on TABLE</H3>
 
73
<DIV class="fancy table"><DIV class=row><DIV class=cell> This text
 
74
should be white on black, bold, twice the size of normal text, and
 
75
sans serif. </DIV></DIV></DIV>
 
76
 
 
77
<H3>2.3 Styles set directly on ROW</H3>
 
78
<DIV class=table><DIV class="fancy row"><DIV class=cell> This text
 
79
should be white on black, bold, twice the size of normal text, and
 
80
sans serif. </DIV></DIV></DIV>
 
81
 
 
82
<H3>2.4 Styles set directly on CELL</H3>
 
83
<DIV class=table><DIV class=row><DIV class="fancy cell"> This text
 
84
should be white on black, bold, twice the size of normal text, and
 
85
sans serif. </DIV></DIV></DIV>
 
86
 
 
87
 
 
88
<H2>3. Implicit CSS Tables (table explicit)</H2>
 
89
 
 
90
<H3>3.1 Inheritance through a DIV</H3>
 
91
<DIV class=fancy><DIV class=table> This text should be white on black,
 
92
bold, twice the size of normal text, and sans serif.
 
93
</DIV></DIV>
 
94
 
 
95
<H3>3.2 Styles set directly on TABLE</H3>
 
96
<DIV class="fancy table"> This text should be white on black,
 
97
bold, twice the size of normal text, and sans serif.
 
98
</DIV>
 
99
 
 
100
 
 
101
<H2>4. Implicit CSS Tables (row explicit)</H2>
 
102
 
 
103
<H3>4.1 Inheritance through a DIV</H3>
 
104
<DIV class=fancy><DIV class=row> This text should be white on black,
 
105
bold, twice the size of normal text, and sans serif.
 
106
</DIV></DIV>
 
107
 
 
108
<H3>4.2 Styles set directly on ROW</H3>
 
109
<DIV class="fancy row"> This text should be white on black,
 
110
bold, twice the size of normal text, and sans serif.
 
111
</DIV>
 
112
 
 
113
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
 
114
 
 
115
<H2>5. Implicit CSS Tables (cell explicit)</H2>
 
116
 
 
117
<H3>5.1 Inheritance through a DIV</H3>
 
118
<DIV class=fancy><DIV class=cell> This text should be white on black,
 
119
bold, twice the size of normal text, and sans serif.
 
120
</DIV></DIV>
 
121
 
 
122
<H3>5.2 Styles set directly on CELL</H3>
 
123
<DIV class="fancy cell"> This text should be white on black,
 
124
bold, twice the size of normal text, and sans serif.
 
125
</DIV>
 
126
 
 
127
 
 
128
 
 
129
<h2>Submit Results</h2>
 
130
 
 
131
    <FORM action="/%7Epy8ieh/cgi/newresult.pl" method="POST" class="resultsubmission">
 
132
      <P>How does your browser fare on this test?
 
133
        <SELECT NAME="result">
 
134
           <OPTION VALUE="M"> The tests all render identically, and this browser may or may not grok CSS2 tables. </OPTION>
 
135
           <OPTION VALUE="Y"> The tests all render identically, and this browser does grok CSS2 tables. </OPTION>
 
136
           <OPTION VALUE="N"> The tests all render identically, but this browser does not grok CSS2 tables. </OPTION>
 
137
           <OPTION VALUE="B"> The tests do not render all the same. </OPTION>
 
138
           <OPTION VALUE="D"> Any of the tests render black-on-black. </OPTION>
 
139
           <OPTION VALUE="U"> Untestable: CSS not supported. </OPTION>
 
140
        </SELECT>
 
141
        <LABEL>Comment: <INPUT TYPE="text" NAME="comment"></LABEL>
 
142
        <INPUT TYPE="submit" VALUE="Submit">
 
143
      </P>
 
144
    </FORM>
 
145
 
 
146
 
 
147
<HR title="Footer">
 
148
<p>Up to the <a href="home.html">Table Tests</A>.</p>
 
149
<p>Up to the <a href="../home.html">Evil Tests Page</A>.</p>
 
150
<P>Bugzilla: <a href="http://bugzilla.mozilla.org/show_bug.cgi?id=1959">Bug 1044</A></P>
 
151
<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>
 
152
<p>Last updated in March 1999.</p>
 
153
 
 
154
</BODY></HTML>