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