OLD | NEW |
| (Empty) |
1 layer at (0,0) size 785x1415 | |
2 RenderView at (0,0) size 785x600 | |
3 layer at (8,8) size 769x1399 | |
4 RenderBlock {HTML} at (8,8) size 769x1399 [bgcolor=#008000] [border: (16px sol
id #00FF00)] | |
5 RenderTable at (16,16) size 737x1367 | |
6 RenderTableSection (anonymous) at (0,0) size 737x1367 | |
7 RenderTableRow (anonymous) at (0,0) size 737x1367 | |
8 RenderTableCell {HEAD} at (0,0) size 235x490 [color=#FFFFFF] [bgcolor=
#FF0000] [border: (5px solid #FFFFFF)] [r=0 c=0 rs=1 cs=1] | |
9 RenderBlock {META} at (21,37) size 193x2 [border: (1px dotted #FFFFF
F)] | |
10 RenderBlock {META} at (21,55) size 193x2 [border: (1px dotted #FFFFF
F)] | |
11 RenderBlock {META} at (21,73) size 193x2 [border: (1px dotted #FFFFF
F)] | |
12 RenderBlock {META} at (21,91) size 193x2 [border: (1px dotted #FFFFF
F)] | |
13 RenderBlock {TITLE} at (21,109) size 193x56 [border: (1px dotted #FF
FFFF)] | |
14 RenderText {#text} at (1,1) size 188x54 | |
15 text run at (1,1) width 188: "Evil Tests: Rendering BODY" | |
16 text run at (1,19) width 162: "and HEAD as children of" | |
17 text run at (1,37) width 67: "HTML - 2" | |
18 RenderBlock {STYLE} at (21,181) size 193x272 [border: (1px dotted #F
FFFFF)] | |
19 RenderText {#text} at (1,1) size 189x270 | |
20 text run at (1,1) width 81: "/* Layout */ " | |
21 text run at (82,1) width 58: "HTML {" | |
22 text run at (1,19) width 172: "display: block; border: 1em" | |
23 text run at (1,37) width 161: "lime solid; margin: 8px; }" | |
24 text run at (1,55) width 166: "HEAD, BODY { display:" | |
25 text run at (1,73) width 183: "table-cell; border: solid thick;" | |
26 text run at (1,91) width 189: "padding: 1em; margin: 1em; }" | |
27 text run at (1,109) width 163: "HEAD > *, BODY > * {" | |
28 text run at (1,127) width 169: "display: block; border: thin" | |
29 text run at (1,145) width 158: "dotted; margin: 1em 0; } " | |
30 text run at (159,145) width 12: "/*" | |
31 text run at (1,163) width 89: "Formatting */ " | |
32 text run at (90,163) width 98: "HTML { color:" | |
33 text run at (1,181) width 176: "black; background: green; }" | |
34 text run at (1,199) width 141: "HEAD { color: white;" | |
35 text run at (1,217) width 123: "background: red; } " | |
36 text run at (124,217) width 59: "BODY {" | |
37 text run at (1,235) width 170: "color: yellow; background:" | |
38 text run at (1,253) width 38: "teal; }" | |
39 RenderTableCell {BODY} at (235,41) size 502x1326 [color=#FFFF00] [bgco
lor=#008080] [border: (5px solid #FFFF00)] [r=0 c=1 rs=1 cs=1] | |
40 RenderBlock {H1} at (21,53) size 460x76 [border: (1px dotted #FFFF00
)] | |
41 RenderText {#text} at (1,1) size 152x37 | |
42 text run at (1,1) width 152: "Rendering " | |
43 RenderInline {CODE} at (0,0) size 64x30 | |
44 RenderText {#text} at (153,6) size 64x30 | |
45 text run at (153,6) width 64: "BODY" | |
46 RenderText {#text} at (217,1) size 68x37 | |
47 text run at (217,1) width 68: " and " | |
48 RenderInline {CODE} at (0,0) size 64x30 | |
49 RenderText {#text} at (285,6) size 64x30 | |
50 text run at (285,6) width 64: "HEAD" | |
51 RenderText {#text} at (349,1) size 384x74 | |
52 text run at (349,1) width 36: " as" | |
53 text run at (1,38) width 157: "children of " | |
54 RenderInline {CODE} at (0,0) size 64x30 | |
55 RenderText {#text} at (158,43) size 64x30 | |
56 text run at (158,43) width 64: "HTML" | |
57 RenderText {#text} at (222,38) size 43x37 | |
58 text run at (222,38) width 43: " - 2" | |
59 RenderBlock {P} at (21,161) size 460x38 [border: (1px dotted #FFFF00
)] | |
60 RenderText {#text} at (1,1) size 383x18 | |
61 text run at (1,1) width 383: "If you have any comments to make r
egarding this test, e-mail" | |
62 RenderInline {A} at (0,0) size 182x18 [color=#0000EE] | |
63 RenderText {#text} at (1,19) size 182x18 | |
64 text run at (1,19) width 182: "py8ieh=eviltests@bath.ac.uk" | |
65 RenderText {#text} at (183,19) size 4x18 | |
66 text run at (183,19) width 4: "." | |
67 RenderBlock {DL} at (21,215) size 460x92 [border: (1px dotted #FFFF0
0)] | |
68 RenderBlock {DT} at (1,1) size 458x18 | |
69 RenderText {#text} at (0,0) size 80x18 | |
70 text run at (0,0) width 80: "Prerequisites" | |
71 RenderBlock {DD} at (41,19) size 418x72 | |
72 RenderText {#text} at (0,0) size 418x54 | |
73 text run at (0,0) width 383: "Browsers that are subjected to t
his test should support the the" | |
74 text run at (0,18) width 418: "background, padding, margin, bo
rder and color properties of CSS," | |
75 text run at (0,36) width 121: "and in addition the " | |
76 RenderInline {CODE} at (0,0) size 64x15 | |
77 RenderText {#text} at (121,38) size 64x15 | |
78 text run at (121,38) width 64: "overflow" | |
79 RenderText {#text} at (185,36) size 391x36 | |
80 text run at (185,36) width 206: " property and fixed position
stuff" | |
81 text run at (0,54) width 75: "from CSS2." | |
82 RenderBlock {H2} at (21,331) size 460x58 [border: (1px dotted #FFFF0
0)] | |
83 RenderText {#text} at (1,1) size 438x56 | |
84 text run at (1,1) width 438: "1. Making the BODY and the HEAD in
to a" | |
85 text run at (1,29) width 51: "table" | |
86 RenderBlock {P} at (21,413) size 460x20 [border: (1px dotted #FFFF00
)] | |
87 RenderText {#text} at (1,1) size 256x18 | |
88 text run at (1,1) width 256: "This is really evil, but completel
y valid..." | |
89 RenderBlock {P} at (21,449) size 460x110 [border: (1px dotted #FFFF0
0)] | |
90 RenderText {#text} at (1,1) size 458x108 | |
91 text run at (1,1) width 441: "This document should have two cell
s, side by side: one on the left, the" | |
92 text run at (1,19) width 444: "other on the right. The one on th
e left should be red with white writing" | |
93 text run at (1,37) width 455: "and a thick white border. It shou
ld contain four dotted lines separated by" | |
94 text run at (1,55) width 458: "a blank line, followed by a dotte
d bordered box containing the document" | |
95 text run at (1,73) width 427: "title, and another dotted bordere
d box containing the stylesheet, also" | |
96 text run at (1,91) width 89: "shown below:" | |
97 RenderBlock {PRE} at (21,575) size 460x17 [border: (1px dotted #FFFF
00)] | |
98 RenderText {#text} at (1,1) size 40x15 | |
99 text run at (1,1) width 40: " ..." | |
100 text run at (41,1) width 0: " " | |
101 RenderBlock {P} at (21,608) size 460x20 [border: (1px dotted #FFFF00
)] | |
102 RenderText {#text} at (1,1) size 453x18 | |
103 text run at (1,1) width 453: "The dotted borders and lines and t
he text in the left cell should be white." | |
104 RenderBlock {P} at (21,644) size 460x38 [border: (1px dotted #FFFF00
)] | |
105 RenderText {#text} at (1,1) size 439x36 | |
106 text run at (1,1) width 439: "The right cell should be teal, wit
h yellow text. This paragraph you are" | |
107 text run at (1,19) width 249: "reading now should be in this rig
ht cell." | |
108 RenderBlock {P} at (21,698) size 460x20 [border: (1px dotted #FFFF00
)] | |
109 RenderText {#text} at (1,1) size 444x18 | |
110 text run at (1,1) width 444: "The width of the two cells is left
up to the user agent to decide, I think." | |
111 RenderBlock {P} at (21,734) size 460x74 [border: (1px dotted #FFFF00
)] | |
112 RenderText {#text} at (1,1) size 457x72 | |
113 text run at (1,1) width 457: "The right cell should look similar
to the left cell in formatting -- each box" | |
114 text run at (1,19) width 447: "of text should have a yellow dott
ed border, and there should be a blank" | |
115 text run at (1,37) width 419: "line between each such box. No bo
x should be nested -- the dotted" | |
116 text run at (1,55) width 306: "boxes should always be distinct f
rom each other." | |
117 RenderBlock {P} at (21,824) size 460x38 [border: (1px dotted #FFFF00
)] | |
118 RenderText {#text} at (1,1) size 411x36 | |
119 text run at (1,1) width 411: "The cells should be the same heigh
t, and they should have grown" | |
120 text run at (1,19) width 222: "vertically to accommodate this te
xt." | |
121 RenderBlock {P} at (21,878) size 460x56 [border: (1px dotted #FFFF00
)] | |
122 RenderText {#text} at (1,1) size 430x54 | |
123 text run at (1,1) width 430: "Around the whole setup should be t
wo borders, dark green and light" | |
124 text run at (1,19) width 428: "green. The cells should be separa
ted from each other and from these" | |
125 text run at (1,37) width 226: "outer borders by 1em of dark gree
n." | |
126 RenderBlock {P} at (21,950) size 460x38 [border: (1px dotted #FFFF00
)] | |
127 RenderText {#text} at (1,1) size 436x36 | |
128 text run at (1,1) width 436: "There should also be some alternat
e stylesheets set up to allow you to" | |
129 text run at (1,19) width 383: "display the <META> content. This
may help with diagnosis." | |
130 RenderBlock {H2} at (21,1012) size 460x30 [border: (1px dotted #FFFF
00)] | |
131 RenderText {#text} at (1,1) size 154x28 | |
132 text run at (1,1) width 154: "Submit Results" | |
133 RenderBlock {FORM} at (21,1066) size 460x97 [border: (1px dotted #FF
FF00)] | |
134 RenderBlock {P} at (1,17) size 458x63 | |
135 RenderText {#text} at (0,0) size 259x18 | |
136 text run at (0,0) width 259: "How does your browser fare on th
is test?" | |
137 RenderMenuList {SELECT} at (2,20) size 454x18 [color=#000000] [b
gcolor=#FFFFFF] | |
138 RenderBlock (anonymous) at (0,0) size 454x18 | |
139 RenderText at (8,2) size 215x13 | |
140 text run at (8,2) width 215: "Document renders exactly as
described." | |
141 RenderText {#text} at (0,0) size 0x0 | |
142 RenderInline {LABEL} at (0,0) size 197x18 | |
143 RenderText {#text} at (0,42) size 70x18 | |
144 text run at (0,42) width 70: "Comment: " | |
145 RenderTextControl {INPUT} at (72,42) size 123x19 [color=#00000
0] [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)] | |
146 RenderText {#text} at (197,42) size 4x18 | |
147 text run at (197,42) width 4: " " | |
148 RenderButton {INPUT} at (203,43) size 53.25x18 [color=#000000] [
bgcolor=#C0C0C0] | |
149 RenderBlock (anonymous) at (8,2.50) size 37.25x13 | |
150 RenderText {#text} at (0,0) size 38x13 | |
151 text run at (0,0) width 38: "Submit" | |
152 RenderText {#text} at (0,0) size 0x0 | |
153 RenderBlock {HR} at (21,1179) size 460x2 [border: (1px dotted #FFFF0
0)] | |
154 RenderBlock {P} at (21,1197) size 460x20 [border: (1px dotted #FFFF0
0)] | |
155 RenderInline {A} at (0,0) size 161x18 [color=#0000EE] | |
156 RenderText {#text} at (1,1) size 161x18 | |
157 text run at (1,1) width 161: "Up to the Evil Tests Page" | |
158 RenderText {#text} at (162,1) size 4x18 | |
159 text run at (162,1) width 4: "." | |
160 RenderBlock {P} at (21,1233) size 460x20 [border: (1px dotted #FFFF0
0)] | |
161 RenderText {#text} at (1,1) size 173x18 | |
162 text run at (1,1) width 173: "This page is maintained by " | |
163 RenderInline {A} at (0,0) size 77x18 [color=#0000EE] | |
164 RenderText {#text} at (174,1) size 77x18 | |
165 text run at (174,1) width 77: "Ian Hickson" | |
166 RenderText {#text} at (251,1) size 9x18 | |
167 text run at (251,1) width 9: " (" | |
168 RenderInline {A} at (0,0) size 123x18 [color=#0000EE] | |
169 RenderText {#text} at (260,1) size 123x18 | |
170 text run at (260,1) width 123: "py8ieh@bath.ac.uk" | |
171 RenderText {#text} at (383,1) size 9x18 | |
172 text run at (383,1) width 9: ")." | |
173 RenderBlock {P} at (21,1269) size 460x20 [border: (1px dotted #FFFF0
0)] | |
174 RenderText {#text} at (1,1) size 170x18 | |
175 text run at (1,1) width 170: "Last updated in June 1999." | |
176 layer at (356,1193) size 117x13 | |
177 RenderBlock {DIV} at (3,3) size 117x13 | |
OLD | NEW |