OLD | NEW |
| (Empty) |
1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 1929 | |
2 LayoutView at (0,0) size 800x600 | |
3 layer at (0,0) size 785x1929 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 785x1929.16 | |
5 LayoutBlockFlow {BODY} at (8,16) size 769x1897.16 | |
6 layer at (8,16) size 750x414 | |
7 LayoutBlockFlow {DIV} at (0,0) size 750x413.81 [bgcolor=#EEEEEE] | |
8 LayoutMultiColumnSpannerPlaceholder (anonymous) at (0,19.91) size 0x54 | |
9 LayoutMultiColumnSet (anonymous) at (0,93.81) size 750x320 | |
10 layer at (8,16) size 367x640 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | |
11 LayoutMultiColumnFlowThread (anonymous) at (0,0) size 367x640 | |
12 LayoutBlockFlow {H2} at (0,19.91) size 750x54 [bgcolor=#CCCCCC] | |
13 LayoutText {#text} at (0,0) size 683x53 | |
14 text run at (0,0) width 666: "This is a spanning element at the beginnin
g of the columns block. " | |
15 text run at (666,0) width 17: "It" | |
16 text run at (0,27) width 525: "should collapse its margins with the top
of the page." | |
17 LayoutBlockFlow (anonymous) at (0,0) size 367x640 | |
18 LayoutText {#text} at (0,0) size 367x639 | |
19 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
20 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis lectus." | |
21 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nul
la purus, vulputate" | |
22 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vit
ae felis vel orci sagittis" | |
23 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. N
am nonummy enim." | |
24 text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
25 text run at (0,120) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
26 text run at (0,140) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
27 text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
28 text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
29 text run at (0,200) width 25: "elit. " | |
30 text run at (25,200) width 337: "Lorem ipsum dolor sit amet, consectetue
r adipiscing elit." | |
31 text run at (0,220) width 367: "Nulla varius enim ac mi. Curabitur solli
citudin felis quis lectus." | |
32 text run at (0,240) width 362: "Quisque adipiscing rhoncus sem. Proin nu
lla purus, vulputate" | |
33 text run at (0,260) width 358: "vel, varius ut, euismod et, nisi. Sed vi
tae felis vel orci sagittis" | |
34 text run at (0,280) width 365: "aliquam. Cras convallis adipiscing sem.
Nam nonummy enim." | |
35 text run at (0,300) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
36 text run at (0,320) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
37 text run at (0,340) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
38 text run at (0,360) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
39 text run at (0,380) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
40 text run at (0,400) width 25: "elit. " | |
41 text run at (25,400) width 337: "Lorem ipsum dolor sit amet, consectetue
r adipiscing elit." | |
42 text run at (0,420) width 367: "Nulla varius enim ac mi. Curabitur solli
citudin felis quis lectus." | |
43 text run at (0,440) width 362: "Quisque adipiscing rhoncus sem. Proin nu
lla purus, vulputate" | |
44 text run at (0,460) width 358: "vel, varius ut, euismod et, nisi. Sed vi
tae felis vel orci sagittis" | |
45 text run at (0,480) width 365: "aliquam. Cras convallis adipiscing sem.
Nam nonummy enim." | |
46 text run at (0,500) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
47 text run at (0,520) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
48 text run at (0,540) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
49 text run at (0,560) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
50 text run at (0,580) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
51 text run at (0,600) width 25: "elit. " | |
52 text run at (25,600) width 337: "Lorem ipsum dolor sit amet, consectetue
r adipiscing elit." | |
53 text run at (0,620) width 143: "Nulla varius enim ac mi." | |
54 layer at (8,446) size 750x414 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | |
55 LayoutBlockFlow {DIV} at (0,429.81) size 750x413.81 [bgcolor=#EEEEEE] | |
56 LayoutMultiColumnSet (anonymous) at (0,0) size 750x320 | |
57 LayoutMultiColumnSpannerPlaceholder (anonymous) at (0,339.91) size 0x54 | |
58 layer at (8,446) size 367x640 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | |
59 LayoutMultiColumnFlowThread (anonymous) at (0,0) size 367x640 | |
60 LayoutBlockFlow (anonymous) at (0,0) size 367x640 | |
61 LayoutText {#text} at (0,0) size 367x639 | |
62 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
63 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis lectus." | |
64 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nul
la purus, vulputate" | |
65 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vit
ae felis vel orci sagittis" | |
66 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. N
am nonummy enim." | |
67 text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
68 text run at (0,120) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
69 text run at (0,140) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
70 text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
71 text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
72 text run at (0,200) width 25: "elit. " | |
73 text run at (25,200) width 337: "Lorem ipsum dolor sit amet, consectetue
r adipiscing elit." | |
74 text run at (0,220) width 367: "Nulla varius enim ac mi. Curabitur solli
citudin felis quis lectus." | |
75 text run at (0,240) width 362: "Quisque adipiscing rhoncus sem. Proin nu
lla purus, vulputate" | |
76 text run at (0,260) width 358: "vel, varius ut, euismod et, nisi. Sed vi
tae felis vel orci sagittis" | |
77 text run at (0,280) width 365: "aliquam. Cras convallis adipiscing sem.
Nam nonummy enim." | |
78 text run at (0,300) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
79 text run at (0,320) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
80 text run at (0,340) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
81 text run at (0,360) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
82 text run at (0,380) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
83 text run at (0,400) width 25: "elit. " | |
84 text run at (25,400) width 337: "Lorem ipsum dolor sit amet, consectetue
r adipiscing elit." | |
85 text run at (0,420) width 367: "Nulla varius enim ac mi. Curabitur solli
citudin felis quis lectus." | |
86 text run at (0,440) width 362: "Quisque adipiscing rhoncus sem. Proin nu
lla purus, vulputate" | |
87 text run at (0,460) width 358: "vel, varius ut, euismod et, nisi. Sed vi
tae felis vel orci sagittis" | |
88 text run at (0,480) width 365: "aliquam. Cras convallis adipiscing sem.
Nam nonummy enim." | |
89 text run at (0,500) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
90 text run at (0,520) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
91 text run at (0,540) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
92 text run at (0,560) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
93 text run at (0,580) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
94 text run at (0,600) width 25: "elit. " | |
95 text run at (25,600) width 337: "Lorem ipsum dolor sit amet, consectetue
r adipiscing elit." | |
96 text run at (0,620) width 143: "Nulla varius enim ac mi." | |
97 LayoutBlockFlow {H2} at (0,339.91) size 750x54 [bgcolor=#CCCCCC] | |
98 LayoutText {#text} at (0,0) size 692x53 | |
99 text run at (0,0) width 602: "This is a spanning element at the end of t
he columns block. " | |
100 text run at (602,0) width 90: "It should" | |
101 text run at (0,27) width 503: "collapse its margins with the h2 in the n
ext block." | |
102 layer at (8,876) size 750x413 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | |
103 LayoutBlockFlow {DIV} at (0,859.63) size 750x413.81 [bgcolor=#EEEEEE] | |
104 LayoutMultiColumnSpannerPlaceholder (anonymous) at (0,19.91) size 0x54 | |
105 LayoutMultiColumnSet (anonymous) at (0,93.81) size 750x320 | |
106 layer at (8,876) size 367x640 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | |
107 LayoutMultiColumnFlowThread (anonymous) at (0,0) size 367x640 | |
108 LayoutBlockFlow {H2} at (0,19.91) size 750x54 [bgcolor=#CCCCCC] | |
109 LayoutText {#text} at (0,0) size 683x53 | |
110 text run at (0,0) width 666: "This is a spanning element at the beginnin
g of the columns block. " | |
111 text run at (666,0) width 17: "It" | |
112 text run at (0,27) width 619: "should collapse its margins with the h2 i
n the previous block." | |
113 LayoutBlockFlow (anonymous) at (0,0) size 367x640 | |
114 LayoutText {#text} at (0,0) size 367x639 | |
115 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
116 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis lectus." | |
117 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nul
la purus, vulputate" | |
118 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vit
ae felis vel orci sagittis" | |
119 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. N
am nonummy enim." | |
120 text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
121 text run at (0,120) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
122 text run at (0,140) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
123 text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
124 text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
125 text run at (0,200) width 25: "elit. " | |
126 text run at (25,200) width 337: "Lorem ipsum dolor sit amet, consectetue
r adipiscing elit." | |
127 text run at (0,220) width 367: "Nulla varius enim ac mi. Curabitur solli
citudin felis quis lectus." | |
128 text run at (0,240) width 362: "Quisque adipiscing rhoncus sem. Proin nu
lla purus, vulputate" | |
129 text run at (0,260) width 358: "vel, varius ut, euismod et, nisi. Sed vi
tae felis vel orci sagittis" | |
130 text run at (0,280) width 365: "aliquam. Cras convallis adipiscing sem.
Nam nonummy enim." | |
131 text run at (0,300) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
132 text run at (0,320) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
133 text run at (0,340) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
134 text run at (0,360) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
135 text run at (0,380) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
136 text run at (0,400) width 25: "elit. " | |
137 text run at (25,400) width 337: "Lorem ipsum dolor sit amet, consectetue
r adipiscing elit." | |
138 text run at (0,420) width 367: "Nulla varius enim ac mi. Curabitur solli
citudin felis quis lectus." | |
139 text run at (0,440) width 362: "Quisque adipiscing rhoncus sem. Proin nu
lla purus, vulputate" | |
140 text run at (0,460) width 358: "vel, varius ut, euismod et, nisi. Sed vi
tae felis vel orci sagittis" | |
141 text run at (0,480) width 365: "aliquam. Cras convallis adipiscing sem.
Nam nonummy enim." | |
142 text run at (0,500) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
143 text run at (0,520) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
144 text run at (0,540) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
145 text run at (0,560) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
146 text run at (0,580) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
147 text run at (0,600) width 25: "elit. " | |
148 text run at (25,600) width 337: "Lorem ipsum dolor sit amet, consectetue
r adipiscing elit." | |
149 text run at (0,620) width 143: "Nulla varius enim ac mi." | |
150 layer at (8,1305) size 750x608 backgroundClip at (0,0) size 785x600 clip at (0,0
) size 785x600 outlineClip at (0,0) size 785x600 | |
151 LayoutBlockFlow {DIV} at (0,1289.44) size 750x607.72 [bgcolor=#EEEEEE] | |
152 LayoutMultiColumnSet (anonymous) at (0,0) size 750x220 | |
153 LayoutMultiColumnSpannerPlaceholder (anonymous) at (0,239.91) size 0x54 | |
154 LayoutMultiColumnSpannerPlaceholder (anonymous) at (0,313.81) size 0x54 | |
155 LayoutMultiColumnSet (anonymous) at (0,387.72) size 750x220 | |
156 layer at (8,1305) size 367x860 backgroundClip at (0,0) size 785x600 clip at (0,0
) size 785x600 outlineClip at (0,0) size 785x600 | |
157 LayoutMultiColumnFlowThread (anonymous) at (0,0) size 367x860 | |
158 LayoutBlockFlow (anonymous) at (0,0) size 367x420 | |
159 LayoutText {#text} at (0,0) size 367x419 | |
160 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
161 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis lectus." | |
162 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nul
la purus, vulputate" | |
163 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vit
ae felis vel orci sagittis" | |
164 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. N
am nonummy enim." | |
165 text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
166 text run at (0,120) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
167 text run at (0,140) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
168 text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
169 text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
170 text run at (0,200) width 25: "elit. " | |
171 text run at (25,200) width 337: "Lorem ipsum dolor sit amet, consectetue
r adipiscing elit." | |
172 text run at (0,220) width 367: "Nulla varius enim ac mi. Curabitur solli
citudin felis quis lectus." | |
173 text run at (0,240) width 362: "Quisque adipiscing rhoncus sem. Proin nu
lla purus, vulputate" | |
174 text run at (0,260) width 358: "vel, varius ut, euismod et, nisi. Sed vi
tae felis vel orci sagittis" | |
175 text run at (0,280) width 365: "aliquam. Cras convallis adipiscing sem.
Nam nonummy enim." | |
176 text run at (0,300) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
177 text run at (0,320) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
178 text run at (0,340) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
179 text run at (0,360) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
180 text run at (0,380) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
181 text run at (0,400) width 21: "elit." | |
182 LayoutBlockFlow {H2} at (0,239.91) size 750x54 [bgcolor=#CCCCCC] | |
183 LayoutText {#text} at (0,0) size 725x53 | |
184 text run at (0,0) width 635: "This is a spanning element in the middle o
f the columns block. " | |
185 text run at (635,0) width 90: "It should" | |
186 text run at (0,27) width 567: "collapse its margins with the spanning el
ement below it." | |
187 LayoutBlockFlow {H2} at (0,313.81) size 750x54 [bgcolor=#CCCCCC] | |
188 LayoutText {#text} at (0,0) size 725x53 | |
189 text run at (0,0) width 635: "This is a spanning element in the middle o
f the columns block. " | |
190 text run at (635,0) width 90: "It should" | |
191 text run at (0,27) width 566: "collapse its margins with the spanning el
ement above it." | |
192 LayoutBlockFlow (anonymous) at (0,440) size 367x420 | |
193 LayoutText {#text} at (0,0) size 367x419 | |
194 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
195 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis lectus." | |
196 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nul
la purus, vulputate" | |
197 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vit
ae felis vel orci sagittis" | |
198 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. N
am nonummy enim." | |
199 text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
200 text run at (0,120) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
201 text run at (0,140) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
202 text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
203 text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
204 text run at (0,200) width 25: "elit. " | |
205 text run at (25,200) width 337: "Lorem ipsum dolor sit amet, consectetue
r adipiscing elit." | |
206 text run at (0,220) width 367: "Nulla varius enim ac mi. Curabitur solli
citudin felis quis lectus." | |
207 text run at (0,240) width 362: "Quisque adipiscing rhoncus sem. Proin nu
lla purus, vulputate" | |
208 text run at (0,260) width 358: "vel, varius ut, euismod et, nisi. Sed vi
tae felis vel orci sagittis" | |
209 text run at (0,280) width 365: "aliquam. Cras convallis adipiscing sem.
Nam nonummy enim." | |
210 text run at (0,300) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
211 text run at (0,320) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
212 text run at (0,340) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
213 text run at (0,360) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
214 text run at (0,380) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
215 text run at (0,400) width 21: "elit." | |
OLD | NEW |