OLD | NEW |
1 layer at (0,0) size 785x2846 | 1 layer at (0,0) size 785x2846 |
2 RenderView at (0,0) size 785x600 | 2 RenderView at (0,0) size 785x600 |
3 layer at (0,0) size 785x2846 | 3 layer at (0,0) size 785x2846 |
4 RenderBlock {HTML} at (0,0) size 785x2846 | 4 RenderBlock {HTML} at (0,0) size 785x2846 |
5 RenderBody {BODY} at (8,8) size 769x2830 [bgcolor=#CCCCCC] | 5 RenderBody {BODY} at (8,8) size 769x2830 [bgcolor=#CCCCCC] |
6 RenderBlock (floating) {P} at (0,0) size 384.50x40 [bgcolor=#FFFF00] | 6 RenderBlock (floating) {P} at (0,0) size 384.50x40 [bgcolor=#FFFF00] |
7 RenderText {#text} at (0,0) size 384x39 | 7 RenderText {#text} at (0,0) size 384x39 |
8 text run at (0,0) width 384: "This paragraph is of class \"one\". It h
as a width of 50% and is" | 8 text run at (0,0) width 384: "This paragraph is of class \"one\". It h
as a width of 50% and is" |
9 text run at (0,20) width 105: "floated to the left." | 9 text run at (0,20) width 105: "floated to the left." |
10 RenderBlock {P} at (0,0) size 769x80 | 10 RenderBlock {P} at (0,0) size 769x80 |
(...skipping 118 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
129 text run at (0,40) width 192: "background is blue and the" | 129 text run at (0,40) width 192: "background is blue and the" |
130 text run at (0,60) width 83: "width is 25%." | 130 text run at (0,60) width 83: "width is 25%." |
131 RenderBlock (floating) {DIV} at (576.75,1140) size 192.25x80 [bgcolor=#FFF
F00] | 131 RenderBlock (floating) {DIV} at (576.75,1140) size 192.25x80 [bgcolor=#FFF
F00] |
132 RenderBlock {P} at (0,0) size 192.25x80 | 132 RenderBlock {P} at (0,0) size 192.25x80 |
133 RenderText {#text} at (0,0) size 192x79 | 133 RenderText {#text} at (0,0) size 192x79 |
134 text run at (0,0) width 192: "This paragraph is inside a DIV" | 134 text run at (0,0) width 192: "This paragraph is inside a DIV" |
135 text run at (0,20) width 192: "which is floated right. Its" | 135 text run at (0,20) width 192: "which is floated right. Its" |
136 text run at (0,40) width 192: "background is yellow and the" | 136 text run at (0,40) width 192: "background is yellow and the" |
137 text run at (0,60) width 83: "width is 25%." | 137 text run at (0,60) width 83: "width is 25%." |
138 RenderBlock {P} at (0,1140) size 769x40 | 138 RenderBlock {P} at (0,1140) size 769x40 |
139 RenderText {#text} at (192,0) size 384x39 | 139 RenderText {#text} at (192,0) size 385x39 |
140 text run at (192,0) width 384: "This paragraph should appear between a
blue box (on the left)" | 140 text run at (192,0) width 385: "This paragraph should appear between a
blue box (on the left)" |
141 text run at (192,20) width 189: "and a yellow box (on the right)." | 141 text run at (192,20) width 189: "and a yellow box (on the right)." |
142 RenderBlock (anonymous) at (0,1180) size 769x40 | 142 RenderBlock (anonymous) at (0,1180) size 769x40 |
143 RenderBR {BR} at (192,0) size 1x19 | 143 RenderBR {BR} at (192,0) size 1x19 |
144 RenderBlock {HR} at (0,1228) size 769x2 [border: (1px inset #EEEEEE)] | 144 RenderBlock {HR} at (0,1228) size 769x2 [border: (1px inset #EEEEEE)] |
145 RenderBlock (floating) {DIV} at (0,1238) size 576.75x120 [bgcolor=#66CCFF] | 145 RenderBlock (floating) {DIV} at (0,1238) size 576.75x120 [bgcolor=#66CCFF] |
146 RenderBlock (floating) {DIV} at (422.56,0) size 144.19x40 [bgcolor=#FFFF
00] | 146 RenderBlock (floating) {DIV} at (422.56,0) size 144.19x40 [bgcolor=#FFFF
00] |
147 RenderBlock {P} at (0,0) size 144.19x40 | 147 RenderBlock {P} at (0,0) size 144.19x40 |
148 RenderText {#text} at (0,0) size 144x39 | 148 RenderText {#text} at (0,0) size 144x39 |
149 text run at (0,0) width 144: "See description in the" | 149 text run at (0,0) width 144: "See description in the" |
150 text run at (0,20) width 118: "box on the left side." | 150 text run at (0,20) width 118: "box on the left side." |
151 RenderBlock {P} at (0,0) size 576.75x120 | 151 RenderBlock {P} at (0,0) size 576.75x120 |
152 RenderText {#text} at (0,0) size 576x119 | 152 RenderText {#text} at (0,0) size 576x119 |
153 text run at (0,0) width 350: "This paragraph is inside a DIV which i
s floated left. The " | 153 text run at (0,0) width 350: "This paragraph is inside a DIV which i
s floated left. The " |
154 text run at (350,0) width 72: "background" | 154 text run at (350,0) width 72: "background" |
155 text run at (0,20) width 320: "of the DIV element is blue and its wi
dth is 75%. This " | 155 text run at (0,20) width 321: "of the DIV element is blue and its wi
dth is 75%. This " |
156 text run at (320,20) width 102: "text should all be" | 156 text run at (321,20) width 101: "text should all be" |
157 text run at (0,40) width 248: "inside the blue rectangle. The blue D
IV " | 157 text run at (0,40) width 249: "inside the blue rectangle. The blue D
IV " |
158 text run at (248,40) width 328: "element has another DIV element as
a child. It has a" | 158 text run at (249,40) width 327: "element has another DIV element as
a child. It has a" |
159 text run at (0,60) width 45: "yellow " | 159 text run at (0,60) width 45: "yellow " |
160 text run at (45,60) width 367: "background color and is floated to t
he right. Since it is a " | 160 text run at (45,60) width 367: "background color and is floated to t
he right. Since it is a " |
161 text run at (412,60) width 164: "child of the blue DIV, the" | 161 text run at (412,60) width 164: "child of the blue DIV, the" |
162 text run at (0,80) width 236: "yellow DIV should appear inside the " | 162 text run at (0,80) width 236: "yellow DIV should appear inside the " |
163 text run at (236,80) width 340: "blue rectangle. Due to it being flo
ated to the right and" | 163 text run at (236,80) width 340: "blue rectangle. Due to it being flo
ated to the right and" |
164 text run at (0,100) width 42: "having " | 164 text run at (0,100) width 42: "having " |
165 text run at (42,100) width 394: "a 10px right margin, the yellow rec
tange should have a 10px blue " | 165 text run at (42,100) width 394: "a 10px right margin, the yellow rec
tange should have a 10px blue " |
166 text run at (436,100) width 131: "stripe on its right side." | 166 text run at (436,100) width 131: "stripe on its right side." |
167 RenderBlock (anonymous) at (0,1238) size 769x120 | 167 RenderBlock (anonymous) at (0,1238) size 769x120 |
168 RenderBR {BR} at (576,0) size 1x19 | 168 RenderBR {BR} at (576,0) size 1x19 |
(...skipping 154 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
323 RenderBlock (floating) {DIV} at (4,1262) size 560.25x140 [bgcolor=
#66CCFF] | 323 RenderBlock (floating) {DIV} at (4,1262) size 560.25x140 [bgcolor=
#66CCFF] |
324 RenderBlock (floating) {DIV} at (410.19,0) size 140.06x40 [bgcol
or=#FFFF00] | 324 RenderBlock (floating) {DIV} at (410.19,0) size 140.06x40 [bgcol
or=#FFFF00] |
325 RenderBlock {P} at (0,0) size 140.06x40 | 325 RenderBlock {P} at (0,0) size 140.06x40 |
326 RenderText {#text} at (0,0) size 140x39 | 326 RenderText {#text} at (0,0) size 140x39 |
327 text run at (0,0) width 140: "See description in the" | 327 text run at (0,0) width 140: "See description in the" |
328 text run at (0,20) width 118: "box on the left side." | 328 text run at (0,20) width 118: "box on the left side." |
329 RenderBlock {P} at (0,0) size 560.25x140 | 329 RenderBlock {P} at (0,0) size 560.25x140 |
330 RenderText {#text} at (0,0) size 560x139 | 330 RenderText {#text} at (0,0) size 560x139 |
331 text run at (0,0) width 338: "This paragraph is inside a DIV
which is floated left. The " | 331 text run at (0,0) width 338: "This paragraph is inside a DIV
which is floated left. The " |
332 text run at (338,0) width 72: "background" | 332 text run at (338,0) width 72: "background" |
333 text run at (0,20) width 326: "of the DIV element is blue an
d its width is 75%. This " | 333 text run at (0,20) width 327: "of the DIV element is blue an
d its width is 75%. This " |
334 text run at (326,20) width 84: "text should all" | 334 text run at (327,20) width 83: "text should all" |
335 text run at (0,40) width 257: "be inside the blue rectangle.
The blue DIV " | 335 text run at (0,40) width 258: "be inside the blue rectangle.
The blue DIV " |
336 text run at (257,40) width 303: "element has another DIV ele
ment as a child. It has" | 336 text run at (258,40) width 302: "element has another DIV ele
ment as a child. It has" |
337 text run at (0,60) width 55: "a yellow " | 337 text run at (0,60) width 55: "a yellow " |
338 text run at (55,60) width 348: "background color and is floa
ted to the right. Since it is a " | 338 text run at (55,60) width 349: "background color and is floa
ted to the right. Since it is a " |
339 text run at (403,60) width 157: "child of the blue DIV, the" | 339 text run at (404,60) width 156: "child of the blue DIV, the" |
340 text run at (0,80) width 230: "yellow DIV should appear insi
de the " | 340 text run at (0,80) width 230: "yellow DIV should appear insi
de the " |
341 text run at (230,80) width 330: "blue rectangle. Due to it b
eing floated to the right and" | 341 text run at (230,80) width 330: "blue rectangle. Due to it b
eing floated to the right and" |
342 text run at (0,100) width 43: "having " | 342 text run at (0,100) width 43: "having " |
343 text run at (43,100) width 413: "a 10px right margin, the ye
llow rectange should have a 10px blue " | 343 text run at (43,100) width 413: "a 10px right margin, the ye
llow rectange should have a 10px blue " |
344 text run at (456,100) width 104: "stripe on its right" | 344 text run at (456,100) width 104: "stripe on its right" |
345 text run at (0,120) width 28: "side." | 345 text run at (0,120) width 28: "side." |
346 RenderBlock (anonymous) at (4,1262) size 747x140 | 346 RenderBlock (anonymous) at (4,1262) size 747x140 |
347 RenderBR {BR} at (560,0) size 1x19 | 347 RenderBR {BR} at (560,0) size 1x19 |
348 RenderBlock {HR} at (4,1410) size 747x2 [border: (1px inset #EEEEE
E)] | 348 RenderBlock {HR} at (4,1410) size 747x2 [border: (1px inset #EEEEE
E)] |
OLD | NEW |