OLD | NEW |
| (Empty) |
1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 1342 | |
2 LayoutView at (0,0) size 800x600 | |
3 layer at (0,0) size 785x1342 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 785x1342.44 | |
5 LayoutBlockFlow {BODY} at (8,16) size 769x1310.44 | |
6 layer at (8,16) size 760x425 | |
7 LayoutBlockFlow {DIV} at (0,0) size 760x424.81 [border: (5px solid #800000)] | |
8 LayoutBlockFlow (anonymous) (anonymous multi-column span) at (5,13) size 750
x66.81 [color=#FFFFFF] | |
9 LayoutBlockFlow {H2} at (0,19.91) size 750x27 [color=#000000] [bgcolor=#EE
EEEE] | |
10 LayoutText {#text} at (0,0) size 666x26 | |
11 text run at (0,0) width 666: "This is a spanning element at the beginn
ing of the columns block." | |
12 layer at (13,21) size 750x8 | |
13 LayoutBlockFlow (anonymous) (anonymous multi-column) at (5,5) size 750x8 | |
14 LayoutBlockFlow {SPAN} at (0,8) size 367x0 [color=#FFFFFF] [bgcolor=#000000] | |
15 layer at (13,96) size 750x340 | |
16 LayoutBlockFlow (anonymous) (anonymous multi-column) at (5,79.81) size 750x340 | |
17 LayoutBlockFlow {SPAN} at (0,16) size 367x198 [color=#FFFFFF] [bgcolor=#0000
00] | |
18 LayoutText {#text} at (0,0) size 367x197 | |
19 text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
20 text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis" | |
21 text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. P
roin nulla" | |
22 text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod
et, nisi. Sed vitae" | |
23 text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras con
vallis adipiscing" | |
24 text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lo
bortis" | |
25 text run at (0,108) width 353: "neque. Vestibulum velit orci, tempus eui
smod, pretium" | |
26 text run at (0,126) width 353: "quis, interdum vitae, nulla. Phasellus e
get ante et tortor" | |
27 text run at (0,144) width 351: "condimentum vestibulum. Suspendisse hend
rerit quam" | |
28 text run at (0,162) width 333: "nec felis. Sed varius turpis vitae pede.
Lorem ipsum" | |
29 text run at (0,180) width 275: "dolor sit amet, consectetuer adipiscing
elit." | |
30 LayoutBlockFlow (anonymous) at (0,230) size 367x434 | |
31 LayoutText {#text} at (0,0) size 367x433 | |
32 text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
33 text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis" | |
34 text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. P
roin nulla" | |
35 text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod
et, nisi. Sed vitae" | |
36 text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras con
vallis adipiscing" | |
37 text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lo
bortis" | |
38 text run at (0,110) width 353: "neque. Vestibulum velit orci, tempus eui
smod, pretium" | |
39 text run at (0,128) width 353: "quis, interdum vitae, nulla. Phasellus e
get ante et tortor" | |
40 text run at (0,146) width 351: "condimentum vestibulum. Suspendisse hend
rerit quam" | |
41 text run at (0,164) width 333: "nec felis. Sed varius turpis vitae pede.
Lorem ipsum" | |
42 text run at (0,182) width 279: "dolor sit amet, consectetuer adipiscing
elit. " | |
43 text run at (278,182) width 86: "Lorem ipsum" | |
44 text run at (0,200) width 357: "dolor sit amet, consectetuer adipiscing
elit. Nulla varius" | |
45 text run at (0,218) width 324: "enim ac mi. Curabitur sollicitudin felis
quis lectus." | |
46 text run at (0,236) width 330: "Quisque adipiscing rhoncus sem. Proin nu
lla purus," | |
47 text run at (0,254) width 355: "vulputate vel, varius ut, euismod et, ni
si. Sed vitae felis" | |
48 text run at (0,272) width 356: "vel orci sagittis aliquam. Cras convalli
s adipiscing sem." | |
49 text run at (0,290) width 360: "Nam nonummy enim. Nullam bibendum lobort
is neque." | |
50 text run at (0,308) width 341: "Vestibulum velit orci, tempus euismod, p
retium quis," | |
51 text run at (0,326) width 318: "interdum vitae, nulla. Phasellus eget an
te et tortor" | |
52 text run at (0,344) width 351: "condimentum vestibulum. Suspendisse hend
rerit quam" | |
53 text run at (0,362) width 333: "nec felis. Sed varius turpis vitae pede.
Lorem ipsum" | |
54 text run at (0,380) width 279: "dolor sit amet, consectetuer adipiscing
elit. " | |
55 text run at (278,380) width 86: "Lorem ipsum" | |
56 text run at (0,398) width 357: "dolor sit amet, consectetuer adipiscing
elit. Nulla varius" | |
57 text run at (0,416) width 76: "enim ac mi." | |
58 layer at (8,457) size 760x423 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | |
59 LayoutBlockFlow {DIV} at (0,440.81) size 760x422.81 [border: (5px solid #80000
0)] | |
60 LayoutBlockFlow (anonymous) (anonymous multi-column span) at (5,343) size 75
0x66.81 [color=#FFFFFF] | |
61 LayoutBlockFlow {H2} at (0,19.91) size 750x27 [color=#000000] [bgcolor=#EE
EEEE] | |
62 LayoutText {#text} at (0,0) size 602x26 | |
63 text run at (0,0) width 602: "This is a spanning element at the end of
the columns block." | |
64 layer at (13,462) size 750x338 backgroundClip at (0,0) size 785x600 clip at (0,0
) size 785x600 outlineClip at (0,0) size 785x600 | |
65 LayoutBlockFlow (anonymous) (anonymous multi-column) at (5,5) size 750x338 | |
66 LayoutBlockFlow (anonymous) at (0,0) size 367x410 | |
67 LayoutText {#text} at (0,0) size 367x409 | |
68 text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
69 text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis" | |
70 text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. P
roin nulla" | |
71 text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod
et, nisi. Sed vitae" | |
72 text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras con
vallis adipiscing" | |
73 text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lo
bortis" | |
74 text run at (0,108) width 353: "neque. Vestibulum velit orci, tempus eui
smod, pretium" | |
75 text run at (0,126) width 353: "quis, interdum vitae, nulla. Phasellus e
get ante et tortor" | |
76 text run at (0,144) width 351: "condimentum vestibulum. Suspendisse hend
rerit quam" | |
77 text run at (0,162) width 333: "nec felis. Sed varius turpis vitae pede.
Lorem ipsum" | |
78 text run at (0,180) width 279: "dolor sit amet, consectetuer adipiscing
elit. " | |
79 text run at (278,180) width 86: "Lorem ipsum" | |
80 text run at (0,198) width 357: "dolor sit amet, consectetuer adipiscing
elit. Nulla varius" | |
81 text run at (0,216) width 324: "enim ac mi. Curabitur sollicitudin felis
quis lectus." | |
82 text run at (0,234) width 330: "Quisque adipiscing rhoncus sem. Proin nu
lla purus," | |
83 text run at (0,252) width 355: "vulputate vel, varius ut, euismod et, ni
si. Sed vitae felis" | |
84 text run at (0,270) width 356: "vel orci sagittis aliquam. Cras convalli
s adipiscing sem." | |
85 text run at (0,288) width 360: "Nam nonummy enim. Nullam bibendum lobort
is neque." | |
86 text run at (0,306) width 341: "Vestibulum velit orci, tempus euismod, p
retium quis," | |
87 text run at (0,338) width 318: "interdum vitae, nulla. Phasellus eget an
te et tortor" | |
88 text run at (0,356) width 351: "condimentum vestibulum. Suspendisse hend
rerit quam" | |
89 text run at (0,374) width 333: "nec felis. Sed varius turpis vitae pede.
Lorem ipsum" | |
90 text run at (0,392) width 275: "dolor sit amet, consectetuer adipiscing
elit." | |
91 LayoutBlockFlow {SPAN} at (0,426) size 367x234 [color=#FFFFFF] [bgcolor=#000
000] | |
92 LayoutText {#text} at (0,0) size 367x233 | |
93 text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
94 text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis" | |
95 text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. P
roin nulla" | |
96 text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod
et, nisi. Sed vitae" | |
97 text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras con
vallis adipiscing" | |
98 text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lo
bortis" | |
99 text run at (0,108) width 353: "neque. Vestibulum velit orci, tempus eui
smod, pretium" | |
100 text run at (0,126) width 353: "quis, interdum vitae, nulla. Phasellus e
get ante et tortor" | |
101 text run at (0,144) width 351: "condimentum vestibulum. Suspendisse hend
rerit quam" | |
102 text run at (0,162) width 333: "nec felis. Sed varius turpis vitae pede.
Lorem ipsum" | |
103 text run at (0,180) width 279: "dolor sit amet, consectetuer adipiscing
elit. " | |
104 text run at (278,180) width 86: "Lorem ipsum" | |
105 text run at (0,198) width 357: "dolor sit amet, consectetuer adipiscing
elit. Nulla varius" | |
106 text run at (0,216) width 76: "enim ac mi." | |
107 layer at (13,867) size 750x8 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | |
108 LayoutBlockFlow (anonymous) (anonymous multi-column) at (5,409.81) size 750x8 | |
109 LayoutBlockFlow {SPAN} at (0,8) size 367x0 [color=#FFFFFF] [bgcolor=#000000] | |
110 LayoutText {#text} at (0,0) size 0x0 | |
111 layer at (8,896) size 760x430 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | |
112 LayoutBlockFlow {DIV} at (0,879.63) size 760x430.81 [border: (5px solid #80000
0)] | |
113 LayoutBlockFlow (anonymous) (anonymous multi-column span) at (5,145) size 75
0x66.81 [color=#FFFFFF] | |
114 LayoutBlockFlow {H2} at (0,19.91) size 750x27 [color=#000000] [bgcolor=#EE
EEEE] | |
115 LayoutText {#text} at (0,0) size 635x26 | |
116 text run at (0,0) width 635: "This is a spanning element in the middle
of the columns block." | |
117 layer at (13,901) size 750x140 backgroundClip at (0,0) size 785x600 clip at (0,0
) size 785x600 outlineClip at (0,0) size 785x600 | |
118 LayoutBlockFlow (anonymous) (anonymous multi-column) at (5,5) size 750x140 | |
119 LayoutBlockFlow (anonymous) at (0,0) size 367x212 | |
120 LayoutText {#text} at (0,0) size 367x211 | |
121 text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
122 text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis" | |
123 text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. P
roin nulla" | |
124 text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod
et, nisi. Sed vitae" | |
125 text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras con
vallis adipiscing" | |
126 text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lo
bortis" | |
127 text run at (0,108) width 353: "neque. Vestibulum velit orci, tempus eui
smod, pretium" | |
128 text run at (0,140) width 353: "quis, interdum vitae, nulla. Phasellus e
get ante et tortor" | |
129 text run at (0,158) width 351: "condimentum vestibulum. Suspendisse hend
rerit quam" | |
130 text run at (0,176) width 333: "nec felis. Sed varius turpis vitae pede.
Lorem ipsum" | |
131 text run at (0,194) width 275: "dolor sit amet, consectetuer adipiscing
elit." | |
132 LayoutBlockFlow {SPAN} at (0,228) size 367x36 [color=#FFFFFF] [bgcolor=#0000
00] | |
133 LayoutText {#text} at (0,0) size 364x35 | |
134 text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
135 text run at (0,18) width 158: "Nulla varius enim ac mi." | |
136 layer at (13,1107) size 750x214 backgroundClip at (0,0) size 785x600 clip at (0,
0) size 785x600 outlineClip at (0,0) size 785x600 | |
137 LayoutBlockFlow (anonymous) (anonymous multi-column) at (5,211.81) size 750x21
4 | |
138 LayoutBlockFlow {SPAN} at (0,16) size 367x198 [color=#FFFFFF] [bgcolor=#0000
00] | |
139 LayoutText {#text} at (0,0) size 367x197 | |
140 text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
141 text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis" | |
142 text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. P
roin nulla" | |
143 text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod
et, nisi. Sed vitae" | |
144 text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras con
vallis adipiscing" | |
145 text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lo
bortis" | |
146 text run at (0,108) width 353: "neque. Vestibulum velit orci, tempus eui
smod, pretium" | |
147 text run at (0,126) width 353: "quis, interdum vitae, nulla. Phasellus e
get ante et tortor" | |
148 text run at (0,144) width 351: "condimentum vestibulum. Suspendisse hend
rerit quam" | |
149 text run at (0,162) width 333: "nec felis. Sed varius turpis vitae pede.
Lorem ipsum" | |
150 text run at (0,180) width 275: "dolor sit amet, consectetuer adipiscing
elit." | |
151 LayoutBlockFlow (anonymous) at (0,230) size 367x198 | |
152 LayoutText {#text} at (0,0) size 367x197 | |
153 text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
154 text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis" | |
155 text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. P
roin nulla" | |
156 text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod
et, nisi. Sed vitae" | |
157 text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras con
vallis adipiscing" | |
158 text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lo
bortis" | |
159 text run at (0,108) width 353: "neque. Vestibulum velit orci, tempus eui
smod, pretium" | |
160 text run at (0,126) width 353: "quis, interdum vitae, nulla. Phasellus e
get ante et tortor" | |
161 text run at (0,144) width 351: "condimentum vestibulum. Suspendisse hend
rerit quam" | |
162 text run at (0,162) width 333: "nec felis. Sed varius turpis vitae pede.
Lorem ipsum" | |
163 text run at (0,180) width 275: "dolor sit amet, consectetuer adipiscing
elit." | |
OLD | NEW |