1 layer at (0,0) size 785x1392
2 RenderView at (0,0) size 785x600
3 layer at (8,8) size 769x1376
4 RenderBlock {HTML} at (8,8) size 769x1376 [bgcolor=#008000] [border: (16px solid #00FF00)]
5 RenderTable at (16,16) size 737x1344
6 RenderTableSection (anonymous) at (0,0) size 737x1344
7 RenderTableRow (anonymous) at (0,0) size 737x1344
8 RenderTableCell {HEAD} at (0,0) size 205x544 [color=#FFFFFF] [bgcolor=#FF0000] [border: (5px solid #FFFFFF)] [r=0 c=0 rs=1 cs=1]
9 RenderBlock {META} at (21,37) size 163x2 [border: (1px dotted #FFFFFF)]
10 RenderBlock {META} at (21,55) size 163x2 [border: (1px dotted #FFFFFF)]
11 RenderBlock {META} at (21,73) size 163x2 [border: (1px dotted #FFFFFF)]
12 RenderBlock {META} at (21,91) size 163x2 [border: (1px dotted #FFFFFF)]
13 RenderBlock {TITLE} at (21,109) size 163x56 [border: (1px dotted #FFFFFF)]
14 RenderText {#text} at (1,1) size 141x53
15 text run at (1,1) width 140: "Evil Tests: Rendering"
16 text run at (1,19) width 139: "BODY and HEAD as"
17 text run at (1,37) width 141: "children of HTML - 2"
18 RenderBlock {STYLE} at (21,181) size 163x326 [border: (1px dotted #FFFFFF)]
19 RenderText {#text} at (1,1) size 158x323
20 text run at (1,1) width 83: "/* Layout */ "
21 text run at (83,1) width 58: "HTML {"
22 text run at (1,19) width 145: "display: block; border:"
23 text run at (1,37) width 154: "1em lime solid; margin:"
24 text run at (1,55) width 45: "8px; } "
25 text run at (45,55) width 110: "HEAD, BODY {"
26 text run at (1,73) width 119: "display: table-cell;"
27 text run at (1,91) width 122: "border: solid thick;"
28 text run at (1,109) width 146: "padding: 1em; margin:"
29 text run at (1,127) width 48: "1em; } "
30 text run at (48,127) width 75: "HEAD > *,"
31 text run at (1,145) width 137: "BODY > * { display:"
32 text run at (1,163) width 120: "block; border: thin"
33 text run at (1,181) width 158: "dotted; margin: 1em 0; }"
34 text run at (1,199) width 108: "/* Formatting */ "
35 text run at (109,199) width 46: "HTML"
36 text run at (1,217) width 93: "{ color: black;"
37 text run at (1,235) width 136: "background: green; }"
38 text run at (1,253) width 142: "HEAD { color: white;"
39 text run at (1,271) width 121: "background: red; }"
40 text run at (1,289) width 151: "BODY { color: yellow;"
41 text run at (1,307) width 124: "background: teal; }"
42 RenderTableCell {BODY} at (205,41) size 532x1303 [color=#FFFF00] [bgcolor=#008080] [border: (5px solid #FFFF00)] [r=0 c=1 rs=1 cs=1]
43 RenderBlock {H1} at (21,53) size 490x76 [border: (1px dotted #FFFF00)]
44 RenderText {#text} at (1,1) size 152x36
45 text run at (1,1) width 152: "Rendering "
46 RenderInline {CODE} at (0,0) size 63x30
47 RenderText {#text} at (153,8) size 63x30
48 text run at (153,8) width 63: "BODY"
49 RenderText {#text} at (215,1) size 69x36
50 text run at (215,1) width 69: " and "
51 RenderInline {CODE} at (0,0) size 63x30
52 RenderText {#text} at (283,8) size 63x30
53 text run at (283,8) width 63: "HEAD"
54 RenderText {#text} at (345,1) size 381x73
55 text run at (345,1) width 37: " as"
56 text run at (1,38) width 157: "children of "
57 RenderInline {CODE} at (0,0) size 63x30
58 RenderText {#text} at (157,45) size 63x30
59 text run at (157,45) width 63: "HTML"
60 RenderText {#text} at (219,38) size 44x36
61 text run at (219,38) width 44: " - 2"
62 RenderBlock {P} at (21,161) size 490x38 [border: (1px dotted #FFFF00)]
63 RenderText {#text} at (1,1) size 393x17
64 text run at (1,1) width 393: "If you have any comments to make regarding this test, e-mail"
65 RenderInline {A} at (0,0) size 186x17 [color=#0000EE]
66 RenderText {#text} at (1,19) size 186x17
67 text run at (1,19) width 186: "py8ieh=eviltests@bath.ac.uk"
68 RenderText {#text} at (186,19) size 5x17
69 text run at (186,19) width 5: "."
70 RenderBlock {DL} at (21,215) size 490x92 [border: (1px dotted #FFFF00)]
71 RenderBlock {DT} at (1,1) size 488x18
72 RenderText {#text} at (0,0) size 83x17
73 text run at (0,0) width 83: "Prerequisites"
74 RenderBlock {DD} at (41,19) size 448x72
75 RenderText {#text} at (0,0) size 424x53
76 text run at (0,0) width 392: "Browsers that are subjected to this test should support the the"
77 text run at (0,18) width 424: "background, padding, margin, border and color properties of CSS,"
78 text run at (0,36) width 124: "and in addition the "
79 RenderInline {CODE} at (0,0) size 65x16
80 RenderText {#text} at (123,38) size 65x16
81 text run at (123,38) width 65: "overflow"
82 RenderText {#text} at (187,36) size 434x35
83 text run at (187,36) width 247: " property and fixed position stuff from"
84 text run at (0,54) width 41: "CSS2."
85 RenderBlock {H2} at (21,331) size 490x56 [border: (1px dotted #FFFF00)]
86 RenderText {#text} at (1,1) size 440x53
87 text run at (1,1) width 440: "1. Making the BODY and the HEAD into a"
88 text run at (1,28) width 51: "table"
89 RenderBlock {P} at (21,411) size 490x20 [border: (1px dotted #FFFF00)]
90 RenderText {#text} at (1,1) size 264x17
91 text run at (1,1) width 264: "This is really evil, but completely valid..."
92 RenderBlock {P} at (21,447) size 490x92 [border: (1px dotted #FFFF00)]
93 RenderText {#text} at (1,1) size 487x89
94 text run at (1,1) width 487: "This document should have two cells, side by side: one on the left, the other"
95 text run at (1,19) width 454: "on the right. The one on the left should be red with white writing and a"
96 text run at (1,37) width 477: "thick white border. It should contain four dotted lines separated by a blank"
97 text run at (1,55) width 475: "line, followed by a dotted bordered box containing the document title, and"
98 text run at (1,73) width 471: "another dotted bordered box containing the stylesheet, also shown below:"
99 RenderBlock {PRE} at (21,555) size 490x18 [border: (1px dotted #FFFF00)]
100 RenderText {#text} at (1,1) size 40x16
101 text run at (1,1) width 40: " ..."
102 text run at (41,1) width 0: " "
103 RenderBlock {P} at (21,589) size 490x20 [border: (1px dotted #FFFF00)]
104 RenderText {#text} at (1,1) size 463x17
105 text run at (1,1) width 463: "The dotted borders and lines and the text in the left cell should be white."
106 RenderBlock {P} at (21,625) size 490x38 [border: (1px dotted #FFFF00)]
107 RenderText {#text} at (1,1) size 447x35
108 text run at (1,1) width 447: "The right cell should be teal, with yellow text. This paragraph you are"
109 text run at (1,19) width 255: "reading now should be in this right cell."
110 RenderBlock {P} at (21,679) size 490x20 [border: (1px dotted #FFFF00)]
111 RenderText {#text} at (1,1) size 454x17
112 text run at (1,1) width 454: "The width of the two cells is left up to the user agent to decide, I think."
113 RenderBlock {P} at (21,715) size 490x74 [border: (1px dotted #FFFF00)]
114 RenderText {#text} at (1,1) size 488x71
115 text run at (1,1) width 488: "The right cell should look similar to the left cell in formatting -- each box of"
116 text run at (1,19) width 465: "text should have a yellow dotted border, and there should be a blank line"
117 text run at (1,37) width 485: "between each such box. No box should be nested -- the dotted boxes should"
118 text run at (1,55) width 224: "always be distinct from each other."
119 RenderBlock {P} at (21,805) size 490x38 [border: (1px dotted #FFFF00)]
120 RenderText {#text} at (1,1) size 482x35
121 text run at (1,1) width 482: "The cells should be the same height, and they should have grown vertically"
122 text run at (1,19) width 165: "to accommodate this text."
123 RenderBlock {P} at (21,859) size 490x56 [border: (1px dotted #FFFF00)]
124 RenderText {#text} at (1,1) size 482x53
125 text run at (1,1) width 479: "Around the whole setup should be two borders, dark green and light green."
126 text run at (1,19) width 482: "The cells should be separated from each other and from these outer borders"
127 text run at (1,37) width 141: "by 1em of dark green."
128 RenderBlock {P} at (21,931) size 490x38 [border: (1px dotted #FFFF00)]
129 RenderText {#text} at (1,1) size 446x35
130 text run at (1,1) width 446: "There should also be some alternate stylesheets set up to allow you to"
131 text run at (1,19) width 389: "display the <META> content. This may help with diagnosis."
132 RenderBlock {H2} at (21,993) size 490x29 [border: (1px dotted #FFFF00)]
133 RenderText {#text} at (1,1) size 156x26
134 text run at (1,1) width 156: "Submit Results"
135 RenderBlock {FORM} at (21,1046) size 490x94 [border: (1px dotted #FFFF00)]
136 RenderBlock {P} at (1,17) size 488x60
137 RenderText {#text} at (0,0) size 263x17
138 text run at (0,0) width 263: "How does your browser fare on this test?"
139 RenderMenuList {SELECT} at (0,18) size 488x20 [color=#000000] [bgcolor=#FFFFFF] [border: (1px solid #A9A9A9)]
140 RenderBlock (anonymous) at (1,1) size 486x18
141 RenderText at (4,1) size 234x16
142 text run at (4,1) width 234: "Document renders exactly as described."
143 RenderText {#text} at (0,0) size 0x0
144 RenderInline {LABEL} at (0,0) size 245x17
145 RenderText {#text} at (0,40) size 72x17
146 text run at (0,40) width 72: "Comment: "
147 RenderTextControl {INPUT} at (71.55,38) size 173x22 [color=#000000] [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
148 RenderText {#text} at (244,40) size 5x17
149 text run at (244,40) width 5: " "
150 RenderButton {INPUT} at (248.55,38) size 57x22 [color=#000000] [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
151 RenderBlock (anonymous) at (8,3) size 41x16
152 RenderText {#text} at (0,0) size 41x16
153 text run at (0,0) width 41: "Submit"
154 RenderText {#text} at (0,0) size 0x0
155 RenderBlock {HR} at (21,1156) size 490x2 [border: (1px dotted #FFFF00)]
156 RenderBlock {P} at (21,1174) size 490x20 [border: (1px dotted #FFFF00)]
157 RenderInline {A} at (0,0) size 164x17 [color=#0000EE]
158 RenderText {#text} at (1,1) size 164x17
159 text run at (1,1) width 164: "Up to the Evil Tests Page"
160 RenderText {#text} at (164,1) size 5x17
161 text run at (164,1) width 5: "."
162 RenderBlock {P} at (21,1210) size 490x20 [border: (1px dotted #FFFF00)]
163 RenderText {#text} at (1,1) size 177x17
164 text run at (1,1) width 177: "This page is maintained by "
165 RenderInline {A} at (0,0) size 79x17 [color=#0000EE]
166 RenderText {#text} at (177,1) size 79x17
167 text run at (177,1) width 79: "Ian Hickson"
168 RenderText {#text} at (255,1) size 10x17
169 text run at (255,1) width 10: " ("
170 RenderInline {A} at (0,0) size 125x17 [color=#0000EE]
171 RenderText {#text} at (264,1) size 125x17
172 text run at (264,1) width 125: "py8ieh@bath.ac.uk"
173 RenderText {#text} at (388,1) size 10x17
174 text run at (388,1) width 10: ")."
175 RenderBlock {P} at (21,1246) size 490x20 [border: (1px dotted #FFFF00)]
176 RenderText {#text} at (1,1) size 172x17
177 text run at (1,1) width 172: "Last updated in June 1999."
178 layer at (325,1169) size 169x16
179 RenderBlock {DIV} at (2,3) size 169x16