OLD | NEW |
1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 2786 | 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 2786 |
2 LayoutView at (0,0) size 800x600 | 2 LayoutView at (0,0) size 800x600 |
3 layer at (0,0) size 785x2786 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | 3 layer at (0,0) size 785x2786 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 |
4 LayoutBlockFlow {HTML} at (0,0) size 785x2786 | 4 LayoutBlockFlow {HTML} at (0,0) size 785x2786 |
5 LayoutBlockFlow {BODY} at (8,8) size 769x2770 [bgcolor=#CCCCCC] | 5 LayoutBlockFlow {BODY} at (8,8) size 769x2770 [bgcolor=#CCCCCC] |
6 LayoutBlockFlow (floating) {P} at (0,0) size 384.50x36 [bgcolor=#FFFF00] | 6 LayoutBlockFlow (floating) {P} at (0,0) size 384.50x36 [bgcolor=#FFFF00] |
7 LayoutText {#text} at (0,0) size 385x36 | 7 LayoutText {#text} at (0,0) size 385x36 |
8 text run at (0,0) width 385: "This paragraph is of class \"one\". It h
as a width of 50% and" | 8 text run at (0,0) width 385: "This paragraph is of class \"one\". It h
as a width of 50% and" |
9 text run at (0,18) width 129: "is floated to the left." | 9 text run at (0,18) width 129: "is floated to the left." |
10 LayoutBlockFlow {P} at (0,0) size 769x90 | 10 LayoutBlockFlow {P} at (0,0) size 769x90 |
(...skipping 77 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
88 text run at (0,0) width 413: "This paragraph is not floating. If there
is enough room, the" | 88 text run at (0,0) width 413: "This paragraph is not floating. If there
is enough room, the" |
89 text run at (0,18) width 413: "textual content of the paragraph should
appear on the left side of" | 89 text run at (0,18) width 413: "textual content of the paragraph should
appear on the left side of" |
90 text run at (0,36) width 230: "the yellow \"sidebar\" on the right. " | 90 text run at (0,36) width 230: "the yellow \"sidebar\" on the right. " |
91 text run at (229,36) width 184: "The content of this element" | 91 text run at (229,36) width 184: "The content of this element" |
92 text run at (0,54) width 274: "should flow around the floated element.
" | 92 text run at (0,54) width 274: "should flow around the floated element.
" |
93 text run at (273,54) width 140: "However, the floated" | 93 text run at (273,54) width 140: "However, the floated" |
94 text run at (0,72) width 413: "element may or may not be obscured by t
he blue background of" | 94 text run at (0,72) width 413: "element may or may not be obscured by t
he blue background of" |
95 text run at (0,90) width 413: "this element, as the specification does
not say which is drawn" | 95 text run at (0,90) width 413: "this element, as the specification does
not say which is drawn" |
96 text run at (0,108) width 64: "\"on top.\" " | 96 text run at (0,108) width 64: "\"on top.\" " |
97 text run at (63,108) width 350: "Even if the floated element is obscur
ed, it still forces" | 97 text run at (63,108) width 350: "Even if the floated element is obscur
ed, it still forces" |
98 text run at (0,126) width 322: "the content of this element to flow ar
ound it. " | 98 text run at (0,126) width 323: "the content of this element to flow ar
ound it. " |
99 text run at (321,126) width 92: "If the floated" | 99 text run at (322,126) width 91: "If the floated" |
100 text run at (0,144) width 413: "element is not obscured, then the blue
rectangle of this" | 100 text run at (0,144) width 413: "element is not obscured, then the blue
rectangle of this" |
101 text run at (0,162) width 413: "paragraph should extend 10px above and
to the right of the" | 101 text run at (0,162) width 413: "paragraph should extend 10px above and
to the right of the" |
102 text run at (0,180) width 413: "sidebar's red border, due to the margi
n styles set for the floated" | 102 text run at (0,180) width 413: "sidebar's red border, due to the margi
n styles set for the floated" |
103 text run at (0,198) width 55: "element." | 103 text run at (0,198) width 55: "element." |
104 LayoutBlockFlow (anonymous) at (0,811) size 769x18 | 104 LayoutBlockFlow (anonymous) at (0,811) size 769x18 |
105 LayoutBR {BR} at (0,0) size 0x18 | 105 LayoutBR {BR} at (0,0) size 0x18 |
106 LayoutBlockFlow {HR} at (0,837) size 769x2 [border: (1px inset #EEEEEE)] | 106 LayoutBlockFlow {HR} at (0,837) size 769x2 [border: (1px inset #EEEEEE)] |
107 LayoutBlockFlow {DIV} at (0,847) size 769x26 [bgcolor=#66CCFF] [border: (4
px solid #FF0000)] | 107 LayoutBlockFlow {DIV} at (0,847) size 769x26 [bgcolor=#66CCFF] [border: (4
px solid #FF0000)] |
108 LayoutBlockFlow (floating) {DIV} at (425,14) size 330x244 [bgcolor=#FFFF
00] | 108 LayoutBlockFlow (floating) {DIV} at (425,14) size 330x244 [bgcolor=#FFFF
00] |
109 LayoutBlockFlow {P} at (5,5) size 320x234 | 109 LayoutBlockFlow {P} at (5,5) size 320x234 |
(...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
153 LayoutBlockFlow (floating) {DIV} at (0,1223) size 576.75x126 [bgcolor=#66C
CFF] | 153 LayoutBlockFlow (floating) {DIV} at (0,1223) size 576.75x126 [bgcolor=#66C
CFF] |
154 LayoutBlockFlow (floating) {DIV} at (422.56,0) size 144.19x36 [bgcolor=#
FFFF00] | 154 LayoutBlockFlow (floating) {DIV} at (422.56,0) size 144.19x36 [bgcolor=#
FFFF00] |
155 LayoutBlockFlow {P} at (0,0) size 144.19x36 | 155 LayoutBlockFlow {P} at (0,0) size 144.19x36 |
156 LayoutText {#text} at (0,0) size 145x36 | 156 LayoutText {#text} at (0,0) size 145x36 |
157 text run at (0,0) width 145: "See description in the" | 157 text run at (0,0) width 145: "See description in the" |
158 text run at (0,18) width 127: "box on the left side." | 158 text run at (0,18) width 127: "box on the left side." |
159 LayoutBlockFlow {P} at (0,0) size 576.75x126 | 159 LayoutBlockFlow {P} at (0,0) size 576.75x126 |
160 LayoutText {#text} at (0,0) size 577x126 | 160 LayoutText {#text} at (0,0) size 577x126 |
161 text run at (0,0) width 423: "This paragraph is inside a DIV which i
s floated left. The" | 161 text run at (0,0) width 423: "This paragraph is inside a DIV which i
s floated left. The" |
162 text run at (0,18) width 422: "background of the DIV element is blue
and its width is 75%. This" | 162 text run at (0,18) width 422: "background of the DIV element is blue
and its width is 75%. This" |
163 text run at (0,36) width 406: "text should all be inside the blue re
ctangle. The blue DIV " | 163 text run at (0,36) width 407: "text should all be inside the blue re
ctangle. The blue DIV " |
164 text run at (405,36) width 171: "element has another DIV" | 164 text run at (406,36) width 170: "element has another DIV" |
165 text run at (0,54) width 224: "element as a child. It has a yellow " | 165 text run at (0,54) width 224: "element as a child. It has a yellow " |
166 text run at (223,54) width 354: "background color and is floated to
the right. Since it is" | 166 text run at (223,54) width 354: "background color and is floated to
the right. Since it is" |
167 text run at (0,72) width 12: "a " | 167 text run at (0,72) width 12: "a " |
168 text run at (11,72) width 411: "child of the blue DIV, the yellow DI
V should appear inside the " | 168 text run at (11,72) width 411: "child of the blue DIV, the yellow DI
V should appear inside the " |
169 text run at (421,72) width 156: "blue rectangle. Due to it" | 169 text run at (421,72) width 156: "blue rectangle. Due to it" |
170 text run at (0,90) width 253: "being floated to the right and having
" | 170 text run at (0,90) width 253: "being floated to the right and having
" |
171 text run at (252,90) width 325: "a 10px right margin, the yellow rec
tange should" | 171 text run at (252,90) width 325: "a 10px right margin, the yellow rec
tange should" |
172 text run at (0,108) width 113: "have a 10px blue " | 172 text run at (0,108) width 113: "have a 10px blue " |
173 text run at (112,108) width 144: "stripe on its right side." | 173 text run at (112,108) width 144: "stripe on its right side." |
174 LayoutBlockFlow (anonymous) at (0,1223) size 769x126 | 174 LayoutBlockFlow (anonymous) at (0,1223) size 769x126 |
(...skipping 163 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
338 LayoutBlockFlow {P} at (0,0) size 140.06x36 | 338 LayoutBlockFlow {P} at (0,0) size 140.06x36 |
339 LayoutText {#text} at (0,0) size 140x36 | 339 LayoutText {#text} at (0,0) size 140x36 |
340 text run at (0,0) width 140: "See description in the" | 340 text run at (0,0) width 140: "See description in the" |
341 text run at (0,18) width 127: "box on the left side." | 341 text run at (0,18) width 127: "box on the left side." |
342 LayoutBlockFlow {P} at (0,0) size 560.25x126 | 342 LayoutBlockFlow {P} at (0,0) size 560.25x126 |
343 LayoutText {#text} at (0,0) size 561x126 | 343 LayoutText {#text} at (0,0) size 561x126 |
344 text run at (0,0) width 410: "This paragraph is inside a DIV
which is floated left. The" | 344 text run at (0,0) width 410: "This paragraph is inside a DIV
which is floated left. The" |
345 text run at (0,18) width 410: "background of the DIV element
is blue and its width is 75%." | 345 text run at (0,18) width 410: "background of the DIV element
is blue and its width is 75%." |
346 text run at (0,36) width 35: "This " | 346 text run at (0,36) width 35: "This " |
347 text run at (34,36) width 394: "text should all be inside th
e blue rectangle. The blue DIV " | 347 text run at (34,36) width 394: "text should all be inside th
e blue rectangle. The blue DIV " |
348 text run at (428,36) width 132: "element has another" | 348 text run at (427,36) width 133: "element has another" |
349 text run at (0,54) width 268: "DIV element as a child. It ha
s a yellow " | 349 text run at (0,54) width 268: "DIV element as a child. It ha
s a yellow " |
350 text run at (267,54) width 294: "background color and is flo
ated to the right." | 350 text run at (267,54) width 294: "background color and is flo
ated to the right." |
351 text run at (0,72) width 90: "Since it is a " | 351 text run at (0,72) width 90: "Since it is a " |
352 text run at (89,72) width 444: "child of the blue DIV, the y
ellow DIV should appear inside the " | 352 text run at (89,72) width 444: "child of the blue DIV, the y
ellow DIV should appear inside the " |
353 text run at (532,72) width 29: "blue" | 353 text run at (532,72) width 29: "blue" |
354 text run at (0,90) width 395: "rectangle. Due to it being fl
oated to the right and having " | 354 text run at (0,90) width 395: "rectangle. Due to it being fl
oated to the right and having " |
355 text run at (394,90) width 166: "a 10px right margin, the" | 355 text run at (394,90) width 166: "a 10px right margin, the" |
356 text run at (0,108) width 266: "yellow rectange should have
a 10px blue " | 356 text run at (0,108) width 266: "yellow rectange should have
a 10px blue " |
357 text run at (265,108) width 143: "stripe on its right side." | 357 text run at (265,108) width 143: "stripe on its right side." |
358 LayoutBlockFlow (anonymous) at (4,1227) size 747x126 | 358 LayoutBlockFlow (anonymous) at (4,1227) size 747x126 |
359 LayoutBR {BR} at (560,0) size 1x18 | 359 LayoutBR {BR} at (560,0) size 1x18 |
360 LayoutBlockFlow {HR} at (4,1361) size 747x2 [border: (1px inset #E
EEEEE)] | 360 LayoutBlockFlow {HR} at (4,1361) size 747x2 [border: (1px inset #E
EEEEE)] |
OLD | NEW |