OLD | NEW |
1 layer at (0,0) size 785x2714 | 1 layer at (0,0) size 785x2714 |
2 RenderView at (0,0) size 785x600 | 2 RenderView at (0,0) size 785x600 |
3 layer at (0,0) size 785x2714 | 3 layer at (0,0) size 785x2714 |
4 RenderBlock {HTML} at (0,0) size 785x2714 | 4 RenderBlock {HTML} at (0,0) size 785x2714 |
5 RenderBody {BODY} at (8,8) size 769x2698 [bgcolor=#CCCCCC] | 5 RenderBody {BODY} at (8,8) size 769x2698 [bgcolor=#CCCCCC] |
6 RenderBlock (floating) {P} at (0,0) size 384.50x36 [bgcolor=#FFFF00] | 6 RenderBlock (floating) {P} at (0,0) size 384.50x36 [bgcolor=#FFFF00] |
7 RenderText {#text} at (0,0) size 384x36 | 7 RenderText {#text} at (0,0) size 384x36 |
8 text run at (0,0) width 384: "This paragraph is of class \"one\". It h
as a width of 50% and" | 8 text run at (0,0) width 384: "This paragraph is of class \"one\". It h
as a width of 50% and" |
9 text run at (0,18) width 124: "is floated to the left." | 9 text run at (0,18) width 124: "is floated to the left." |
10 RenderBlock {P} at (0,0) size 769x90 | 10 RenderBlock {P} at (0,0) size 769x90 |
(...skipping 120 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
131 text run at (0,36) width 192: "background is blue and the" | 131 text run at (0,36) width 192: "background is blue and the" |
132 text run at (0,54) width 87: "width is 25%." | 132 text run at (0,54) width 87: "width is 25%." |
133 RenderBlock (floating) {DIV} at (576.75,1079) size 192.25x72 [bgcolor=#FFF
F00] | 133 RenderBlock (floating) {DIV} at (576.75,1079) size 192.25x72 [bgcolor=#FFF
F00] |
134 RenderBlock {P} at (0,0) size 192.25x72 | 134 RenderBlock {P} at (0,0) size 192.25x72 |
135 RenderText {#text} at (0,0) size 192x72 | 135 RenderText {#text} at (0,0) size 192x72 |
136 text run at (0,0) width 192: "This paragraph is inside a" | 136 text run at (0,0) width 192: "This paragraph is inside a" |
137 text run at (0,18) width 192: "DIV which is floated right. Its" | 137 text run at (0,18) width 192: "DIV which is floated right. Its" |
138 text run at (0,36) width 192: "background is yellow and the" | 138 text run at (0,36) width 192: "background is yellow and the" |
139 text run at (0,54) width 87: "width is 25%." | 139 text run at (0,54) width 87: "width is 25%." |
140 RenderBlock {P} at (0,1079) size 769x36 | 140 RenderBlock {P} at (0,1079) size 769x36 |
141 RenderText {#text} at (192,0) size 384x36 | 141 RenderText {#text} at (192,0) size 385x36 |
142 text run at (192,0) width 384: "This paragraph should appear between a
blue box (on the" | 142 text run at (192,0) width 385: "This paragraph should appear between a
blue box (on the" |
143 text run at (192,18) width 30: "left) " | 143 text run at (192,18) width 30: "left) " |
144 text run at (221,18) width 200: "and a yellow box (on the right)." | 144 text run at (221,18) width 200: "and a yellow box (on the right)." |
145 RenderBlock (anonymous) at (0,1115) size 769x36 | 145 RenderBlock (anonymous) at (0,1115) size 769x36 |
146 RenderBR {BR} at (192,0) size 1x18 | 146 RenderBR {BR} at (192,0) size 1x18 |
147 RenderBlock {HR} at (0,1159) size 769x2 [border: (1px inset #EEEEEE)] | 147 RenderBlock {HR} at (0,1159) size 769x2 [border: (1px inset #EEEEEE)] |
148 RenderBlock (floating) {DIV} at (0,1169) size 576.75x126 [bgcolor=#66CCFF] | 148 RenderBlock (floating) {DIV} at (0,1169) size 576.75x126 [bgcolor=#66CCFF] |
149 RenderBlock (floating) {DIV} at (422.56,0) size 144.19x36 [bgcolor=#FFFF
00] | 149 RenderBlock (floating) {DIV} at (422.56,0) size 144.19x36 [bgcolor=#FFFF
00] |
150 RenderBlock {P} at (0,0) size 144.19x36 | 150 RenderBlock {P} at (0,0) size 144.19x36 |
151 RenderText {#text} at (0,0) size 144x36 | 151 RenderText {#text} at (0,0) size 144x36 |
152 text run at (0,0) width 144: "See description in the" | 152 text run at (0,0) width 144: "See description in the" |
153 text run at (0,18) width 124: "box on the left side." | 153 text run at (0,18) width 124: "box on the left side." |
154 RenderBlock {P} at (0,0) size 576.75x126 | 154 RenderBlock {P} at (0,0) size 576.75x126 |
155 RenderText {#text} at (0,0) size 576x126 | 155 RenderText {#text} at (0,0) size 576x126 |
156 text run at (0,0) width 422: "This paragraph is inside a DIV which i
s floated left. The" | 156 text run at (0,0) width 422: "This paragraph is inside a DIV which i
s floated left. The" |
157 text run at (0,18) width 422: "background of the DIV element is blue
and its width is 75%. This" | 157 text run at (0,18) width 422: "background of the DIV element is blue
and its width is 75%. This" |
158 text run at (0,36) width 364: "text should all be inside the blue re
ctangle. The blue DIV " | 158 text run at (0,36) width 365: "text should all be inside the blue re
ctangle. The blue DIV " |
159 text run at (364,36) width 212: "element has another DIV element" | 159 text run at (365,36) width 211: "element has another DIV element" |
160 text run at (0,54) width 166: "as a child. It has a yellow " | 160 text run at (0,54) width 166: "as a child. It has a yellow " |
161 text run at (166,54) width 361: "background color and is floated to
the right. Since it is a " | 161 text run at (166,54) width 362: "background color and is floated to
the right. Since it is a " |
162 text run at (527,54) width 49: "child of" | 162 text run at (528,54) width 48: "child of" |
163 text run at (0,72) width 374: "the blue DIV, the yellow DIV should a
ppear inside the " | 163 text run at (0,72) width 374: "the blue DIV, the yellow DIV should a
ppear inside the " |
164 text run at (374,72) width 202: "blue rectangle. Due to it being" | 164 text run at (374,72) width 202: "blue rectangle. Due to it being" |
165 text run at (0,90) width 193: "floated to the right and having " | 165 text run at (0,90) width 193: "floated to the right and having " |
166 text run at (193,90) width 383: "a 10px right margin, the yellow rec
tange should have a 10px" | 166 text run at (193,90) width 383: "a 10px right margin, the yellow rec
tange should have a 10px" |
167 text run at (0,108) width 31: "blue " | 167 text run at (0,108) width 31: "blue " |
168 text run at (31,108) width 138: "stripe on its right side." | 168 text run at (31,108) width 138: "stripe on its right side." |
169 RenderBlock (anonymous) at (0,1169) size 769x126 | 169 RenderBlock (anonymous) at (0,1169) size 769x126 |
170 RenderBR {BR} at (576,0) size 1x18 | 170 RenderBR {BR} at (576,0) size 1x18 |
171 RenderBlock {HR} at (0,1303) size 769x2 [border: (1px inset #EEEEEE)] | 171 RenderBlock {HR} at (0,1303) size 769x2 [border: (1px inset #EEEEEE)] |
172 RenderTable {TABLE} at (0,1313) size 769x1385 [border: (1px outset #808080
)] | 172 RenderTable {TABLE} at (0,1313) size 769x1385 [border: (1px outset #808080
)] |
(...skipping 171 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
344 text run at (0,72) width 11: "a " | 344 text run at (0,72) width 11: "a " |
345 text run at (11,72) width 408: "child of the blue DIV, the y
ellow DIV should appear inside the " | 345 text run at (11,72) width 408: "child of the blue DIV, the y
ellow DIV should appear inside the " |
346 text run at (419,72) width 141: "blue rectangle. Due to" | 346 text run at (419,72) width 141: "blue rectangle. Due to" |
347 text run at (0,90) width 252: "it being floated to the right
and having " | 347 text run at (0,90) width 252: "it being floated to the right
and having " |
348 text run at (252,90) width 308: "a 10px right margin, the ye
llow rectange should" | 348 text run at (252,90) width 308: "a 10px right margin, the ye
llow rectange should" |
349 text run at (0,108) width 112: "have a 10px blue " | 349 text run at (0,108) width 112: "have a 10px blue " |
350 text run at (112,108) width 138: "stripe on its right side." | 350 text run at (112,108) width 138: "stripe on its right side." |
351 RenderBlock (anonymous) at (4,1209) size 747x126 | 351 RenderBlock (anonymous) at (4,1209) size 747x126 |
352 RenderBR {BR} at (560,0) size 1x18 | 352 RenderBR {BR} at (560,0) size 1x18 |
353 RenderBlock {HR} at (4,1343) size 747x2 [border: (1px inset #EEEEE
E)] | 353 RenderBlock {HR} at (4,1343) size 747x2 [border: (1px inset #EEEEE
E)] |
OLD | NEW |