1 layer at (0,0) size 785x1475
2 RenderView at (0,0) size 785x600
3 layer at (0,0) size 785x1475
4 RenderBlock {HTML} at (0,0) size 785x1475
5 RenderBody {BODY} at (8,8) size 769x1459 [bgcolor=#CCCCCC]
6 RenderBlock {P} at (0,0) size 769x18
7 RenderText {#text} at (0,0) size 363x17
8 text run at (0,0) width 363: "The style declarations which apply to the text below are:"
9 RenderBlock {PRE} at (0,34) size 769x272
10 RenderText {#text} at (0,0) size 688x272
11 text run at (0,0) width 648: "BODY {background-image: url(../resources/bg.gif); background-position: right top;"
12 text run at (648,0) width 0: " "
13 text run at (0,16) width 288: " background-repeat: no-repeat;}"
14 text run at (288,16) width 0: " "
15 text run at (0,32) width 624: ".one {background-image: url(../resources/bg.gif); background-position: center;"
16 text run at (624,32) width 0: " "
17 text run at (0,48) width 480: " background-repeat: no-repeat; background-color: aqua;}"
18 text run at (480,48) width 0: " "
19 text run at (0,64) width 632: ".two {background-image: url(../resources/bg.gif); background-position: 50% 50%;"
20 text run at (632,64) width 0: " "
21 text run at (0,80) width 480: " background-repeat: no-repeat; background-color: aqua;}"
22 text run at (480,80) width 0: " "
23 text run at (0,96) width 688: ".three {background-image: url(../resources/bg.gif); background-position: bottom right;"
24 text run at (688,96) width 0: " "
25 text run at (0,112) width 496: " background-repeat: no-repeat; background-color: aqua;}"
26 text run at (496,112) width 0: " "
27 text run at (0,128) width 656: ".four {background-image: url(../resources/bg.gif); background-position: 100% 100%;"
28 text run at (656,128) width 0: " "
29 text run at (0,144) width 488: " background-repeat: no-repeat; background-color: aqua;}"
30 text run at (488,144) width 0: " "
31 text run at (0,160) width 632: ".five {background-image: url(../resources/bg.gif); background-position: 0% 50%;"
32 text run at (632,160) width 0: " "
33 text run at (0,176) width 488: " background-repeat: no-repeat; background-color: aqua;}"
34 text run at (488,176) width 0: " "
35 text run at (0,192) width 632: ".six {background-image: url(../resources/bg.gif); background-position: 75% 25%;"
36 text run at (632,192) width 0: " "
37 text run at (0,208) width 488: " background-repeat: no-repeat; background-color: aqua;}"
38 text run at (488,208) width 0: " "
39 text run at (0,224) width 664: ".seven {background-image: url(../resources/bg.gif); background-position: 20px 20px;"
40 text run at (664,224) width 0: " "
41 text run at (0,240) width 488: " background-repeat: no-repeat; background-color: aqua;}"
42 text run at (488,240) width 0: " "
43 text run at (0,256) width 0: " "
44 RenderBlock {HR} at (0,319) size 769x2 [border: (1px inset #EEEEEE)]
45 RenderBlock {P} at (0,337) size 769x18
46 RenderText {#text} at (0,0) size 515x17
47 text run at (0,0) width 515: "This document should have a single, small green image in its upper right corner."
48 RenderBlock {P} at (0,371) size 769x54 [bgcolor=#00FFFF]
49 RenderText {#text} at (0,0) size 757x53
50 text run at (0,0) width 753: "This paragraph should have a single, small green image exactly in its center; that is, the center of the image should be"
51 text run at (0,18) width 232: "fixed at the center of the paragraph. "
52 text run at (231,18) width 526: "The background color will make it easier to determine the edges of the paragraph,"
53 text run at (0,36) width 296: "and therefore allow you to calculate its center."
54 RenderBlock {P} at (0,441) size 769x54 [bgcolor=#00FFFF]
55 RenderText {#text} at (0,0) size 757x53
56 text run at (0,0) width 753: "This paragraph should have a single, small green image exactly in its center; that is, the center of the image should be"
57 text run at (0,18) width 232: "fixed at the center of the paragraph. "
58 text run at (231,18) width 526: "The background color will make it easier to determine the edges of the paragraph,"
59 text run at (0,36) width 296: "and therefore allow you to calculate its center."
60 RenderBlock {P} at (0,511) size 769x54 [bgcolor=#00FFFF]
61 RenderText {#text} at (0,0) size 765x53
62 text run at (0,0) width 748: "This paragraph should have a single, small green image in its lower-right corner; that is, the lower right corner of the"
63 text run at (0,18) width 418: "image should be fixed at the lower right corner of the paragraph. "
64 text run at (417,18) width 348: "The background color will make it easier to determine"
65 text run at (0,36) width 445: "the edges of the paragraph, and therefore allow you to see its corners."
66 RenderBlock {P} at (0,581) size 769x54 [bgcolor=#00FFFF]
67 RenderText {#text} at (0,0) size 765x53
68 text run at (0,0) width 748: "This paragraph should have a single, small green image in its lower-right corner; that is, the lower right corner of the"
69 text run at (0,18) width 418: "image should be fixed at the lower right corner of the paragraph. "
70 text run at (417,18) width 348: "The background color will make it easier to determine"
71 text run at (0,36) width 445: "the edges of the paragraph, and therefore allow you to see its corners."
72 RenderBlock {P} at (0,651) size 769x54 [bgcolor=#00FFFF]
73 RenderText {#text} at (0,0) size 752x53
74 text run at (0,0) width 741: "This paragraph should have a single, small green image exactly at the left center; that is, the left center of the image"
75 text run at (0,18) width 323: "should be fixed at the left center of the paragraph. "
76 text run at (322,18) width 430: "The background color will make it easier to determine the edges of"
77 text run at (0,36) width 392: "the paragraph, and therefore allow you to calculate its center."
78 RenderBlock {P} at (0,721) size 769x54 [bgcolor=#00FFFF]
79 RenderText {#text} at (0,0) size 762x53
80 text run at (0,0) width 762: "This paragraph should have a single, small green image positioned 75% of the way across the element, and 25% down."
81 text run at (0,18) width 758: "The background color will make it easier to determine the edges of the paragraph, which should help in determining if"
82 text run at (0,36) width 683: "all this is so, and the extra text should make the element long enough for this test to be simpler to evaluate."
83 RenderBlock {P} at (0,791) size 769x72 [bgcolor=#00FFFF]
84 RenderText {#text} at (0,0) size 769x71
85 text run at (0,0) width 764: "This paragraph should have a single, small green image positioned 20 pixels down and to the left of the upper left-hand"
86 text run at (0,18) width 760: "corner; that is, the upper left-hand corner of the image should be 20 pixels down and to the left of the upper-left corner"
87 text run at (0,36) width 100: "of the element. "
88 text run at (99,36) width 670: "The background color will make it easier to determine the edges of the paragraph, which should assist in"
89 text run at (0,54) width 124: "evaluating this test."
90 RenderTable {TABLE} at (0,879) size 769x580 [border: (1px outset #808080)]
91 RenderTableSection {TBODY} at (1,1) size 767x578
92 RenderTableRow {TR} at (0,0) size 767x26
93 RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
94 RenderInline {STRONG} at (0,0) size 163x17
95 RenderText {#text} at (4,4) size 163x17
96 text run at (4,4) width 163: "TABLE Testing Section"
97 RenderTableRow {TR} at (0,26) size 767x552
98 RenderTableCell {TD} at (0,289) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
99 RenderText {#text} at (4,4) size 4x17
100 text run at (4,4) width 4: " "
101 RenderTableCell {TD} at (12,26) size 755x552 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
102 RenderBlock {P} at (4,4) size 747x18
103 RenderText {#text} at (0,0) size 515x17
104 text run at (0,0) width 515: "This document should have a single, small green image in its upper right corner."
105 RenderBlock {P} at (4,38) size 747x54 [bgcolor=#00FFFF]
106 RenderText {#text} at (0,0) size 734x53
107 text run at (0,0) width 734: "This paragraph should have a single, small green image exactly in its center; that is, the center of the image should"
108 text run at (0,18) width 251: "be fixed at the center of the paragraph. "
109 text run at (250,18) width 454: "The background color will make it easier to determine the edges of the"
110 text run at (0,36) width 368: "paragraph, and therefore allow you to calculate its center."
111 RenderBlock {P} at (4,108) size 747x54 [bgcolor=#00FFFF]
112 RenderText {#text} at (0,0) size 734x53
113 text run at (0,0) width 734: "This paragraph should have a single, small green image exactly in its center; that is, the center of the image should"
114 text run at (0,18) width 251: "be fixed at the center of the paragraph. "
115 text run at (250,18) width 454: "The background color will make it easier to determine the edges of the"
116 text run at (0,36) width 368: "paragraph, and therefore allow you to calculate its center."
117 RenderBlock {P} at (4,178) size 747x54 [bgcolor=#00FFFF]
118 RenderText {#text} at (0,0) size 724x53
119 text run at (0,0) width 724: "This paragraph should have a single, small green image in its lower-right corner; that is, the lower right corner of"
120 text run at (0,18) width 441: "the image should be fixed at the lower right corner of the paragraph. "
121 text run at (440,18) width 281: "The background color will make it easier to"
122 text run at (0,36) width 513: "determine the edges of the paragraph, and therefore allow you to see its corners."
123 RenderBlock {P} at (4,248) size 747x54 [bgcolor=#00FFFF]
124 RenderText {#text} at (0,0) size 724x53
125 text run at (0,0) width 724: "This paragraph should have a single, small green image in its lower-right corner; that is, the lower right corner of"
126 text run at (0,18) width 441: "the image should be fixed at the lower right corner of the paragraph. "
127 text run at (440,18) width 281: "The background color will make it easier to"
128 text run at (0,36) width 513: "determine the edges of the paragraph, and therefore allow you to see its corners."
129 RenderBlock {P} at (4,318) size 747x54 [bgcolor=#00FFFF]
130 RenderText {#text} at (0,0) size 741x53
131 text run at (0,0) width 741: "This paragraph should have a single, small green image exactly at the left center; that is, the left center of the image"
132 text run at (0,18) width 323: "should be fixed at the left center of the paragraph. "
133 text run at (322,18) width 413: "The background color will make it easier to determine the edges"
134 text run at (0,36) width 409: "of the paragraph, and therefore allow you to calculate its center."
135 RenderBlock {P} at (4,388) size 747x72 [bgcolor=#00FFFF]
136 RenderText {#text} at (0,0) size 719x71
137 text run at (0,0) width 719: "This paragraph should have a single, small green image positioned 75% of the way across the element, and 25%"
138 text run at (0,18) width 44: "down. "
139 text run at (43,18) width 663: "The background color will make it easier to determine the edges of the paragraph, which should help in"
140 text run at (0,36) width 717: "determining if all this is so, and the extra text should make the element long enough for this test to be simpler to"
141 text run at (0,54) width 58: "evaluate."
142 RenderBlock {P} at (4,476) size 747x72 [bgcolor=#00FFFF]
143 RenderText {#text} at (0,0) size 738x71
144 text run at (0,0) width 733: "This paragraph should have a single, small green image positioned 20 pixels down and to the left of the upper left-"
145 text run at (0,18) width 729: "hand corner; that is, the upper left-hand corner of the image should be 20 pixels down and to the left of the upper-"
146 text run at (0,36) width 170: "left corner of the element. "
147 text run at (169,36) width 569: "The background color will make it easier to determine the edges of the paragraph, which"
148 text run at (0,54) width 226: "should assist in evaluating this test."