OLD | NEW |
| (Empty) |
1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 3585 | |
2 LayoutView at (0,0) size 800x600 | |
3 layer at (0,0) size 785x3585 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 785x3584.88 | |
5 LayoutBlockFlow {BODY} at (8,16) size 769x3552.88 | |
6 layer at (8,16) size 760x397 | |
7 LayoutBlockFlow {DIV} at (0,0) size 760x396.81 [border: (5px solid #800000)] | |
8 LayoutBlockFlow (anonymous) (anonymous multi-column span) at (5,5) size 750x
66.81 | |
9 LayoutBlockFlow {H2} at (0,19.91) size 750x27 [bgcolor=#EEEEEE] | |
10 LayoutText {#text} at (0,0) size 660x26 | |
11 text run at (0,0) width 660: "This is a spanning element at the beginn
ing of the columns block." | |
12 layer at (13,88) size 750x320 | |
13 LayoutBlockFlow (anonymous) (anonymous multi-column) at (5,71.81) size 750x320 | |
14 LayoutText {#text} at (0,0) size 367x639 | |
15 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer adi
piscing elit." | |
16 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollicit
udin felis quis lectus." | |
17 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nulla
purus, vulputate" | |
18 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vitae
felis vel orci sagittis" | |
19 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. Nam
nonummy enim." | |
20 text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibulum
velit orci," | |
21 text run at (0,120) width 309: "tempus euismod, pretium quis, interdum vit
ae, nulla." | |
22 text run at (0,140) width 321: "Phasellus eget ante et tortor condimentum
vestibulum." | |
23 text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Sed
varius turpis vitae" | |
24 text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consecte
tuer adipiscing" | |
25 text run at (0,200) width 25: "elit. " | |
26 text run at (25,200) width 337: "Lorem ipsum dolor sit amet, consectetuer
adipiscing elit." | |
27 text run at (0,220) width 367: "Nulla varius enim ac mi. Curabitur sollici
tudin felis quis lectus." | |
28 text run at (0,240) width 362: "Quisque adipiscing rhoncus sem. Proin null
a purus, vulputate" | |
29 text run at (0,260) width 358: "vel, varius ut, euismod et, nisi. Sed vita
e felis vel orci sagittis" | |
30 text run at (0,280) width 365: "aliquam. Cras convallis adipiscing sem. Na
m nonummy enim." | |
31 text run at (0,300) width 329: "Nullam bibendum lobortis neque. Vestibulum
velit orci," | |
32 text run at (0,320) width 309: "tempus euismod, pretium quis, interdum vit
ae, nulla." | |
33 text run at (0,340) width 321: "Phasellus eget ante et tortor condimentum
vestibulum." | |
34 text run at (0,360) width 360: "Suspendisse hendrerit quam nec felis. Sed
varius turpis vitae" | |
35 text run at (0,380) width 350: "pede. Lorem ipsum dolor sit amet, consecte
tuer adipiscing" | |
36 text run at (0,400) width 25: "elit. " | |
37 text run at (25,400) width 337: "Lorem ipsum dolor sit amet, consectetuer
adipiscing elit." | |
38 text run at (0,420) width 367: "Nulla varius enim ac mi. Curabitur sollici
tudin felis quis lectus." | |
39 text run at (0,440) width 362: "Quisque adipiscing rhoncus sem. Proin null
a purus, vulputate" | |
40 text run at (0,460) width 358: "vel, varius ut, euismod et, nisi. Sed vita
e felis vel orci sagittis" | |
41 text run at (0,480) width 365: "aliquam. Cras convallis adipiscing sem. Na
m nonummy enim." | |
42 text run at (0,500) width 329: "Nullam bibendum lobortis neque. Vestibulum
velit orci," | |
43 text run at (0,520) width 309: "tempus euismod, pretium quis, interdum vit
ae, nulla." | |
44 text run at (0,540) width 321: "Phasellus eget ante et tortor condimentum
vestibulum." | |
45 text run at (0,560) width 360: "Suspendisse hendrerit quam nec felis. Sed
varius turpis vitae" | |
46 text run at (0,580) width 350: "pede. Lorem ipsum dolor sit amet, consecte
tuer adipiscing" | |
47 text run at (0,600) width 25: "elit. " | |
48 text run at (25,600) width 337: "Lorem ipsum dolor sit amet, consectetuer
adipiscing elit." | |
49 text run at (0,620) width 143: "Nulla varius enim ac mi." | |
50 layer at (8,429) size 760x397 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | |
51 LayoutBlockFlow {DIV} at (0,412.81) size 760x396.81 [border: (5px solid #80000
0)] | |
52 LayoutBlockFlow (anonymous) (anonymous multi-column span) at (5,325) size 75
0x66.81 | |
53 LayoutBlockFlow {H2} at (0,19.91) size 750x27 [bgcolor=#EEEEEE] | |
54 LayoutText {#text} at (0,0) size 596x26 | |
55 text run at (0,0) width 596: "This is a spanning element at the end of
the columns block." | |
56 layer at (13,434) size 750x320 backgroundClip at (0,0) size 785x600 clip at (0,0
) size 785x600 outlineClip at (0,0) size 785x600 | |
57 LayoutBlockFlow (anonymous) (anonymous multi-column) at (5,5) size 750x320 | |
58 LayoutText {#text} at (0,0) size 367x639 | |
59 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer adi
piscing elit." | |
60 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollicit
udin felis quis lectus." | |
61 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nulla
purus, vulputate" | |
62 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vitae
felis vel orci sagittis" | |
63 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. Nam
nonummy enim." | |
64 text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibulum
velit orci," | |
65 text run at (0,120) width 309: "tempus euismod, pretium quis, interdum vit
ae, nulla." | |
66 text run at (0,140) width 321: "Phasellus eget ante et tortor condimentum
vestibulum." | |
67 text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Sed
varius turpis vitae" | |
68 text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consecte
tuer adipiscing" | |
69 text run at (0,200) width 25: "elit. " | |
70 text run at (25,200) width 337: "Lorem ipsum dolor sit amet, consectetuer
adipiscing elit." | |
71 text run at (0,220) width 367: "Nulla varius enim ac mi. Curabitur sollici
tudin felis quis lectus." | |
72 text run at (0,240) width 362: "Quisque adipiscing rhoncus sem. Proin null
a purus, vulputate" | |
73 text run at (0,260) width 358: "vel, varius ut, euismod et, nisi. Sed vita
e felis vel orci sagittis" | |
74 text run at (0,280) width 365: "aliquam. Cras convallis adipiscing sem. Na
m nonummy enim." | |
75 text run at (0,300) width 329: "Nullam bibendum lobortis neque. Vestibulum
velit orci," | |
76 text run at (0,320) width 309: "tempus euismod, pretium quis, interdum vit
ae, nulla." | |
77 text run at (0,340) width 321: "Phasellus eget ante et tortor condimentum
vestibulum." | |
78 text run at (0,360) width 360: "Suspendisse hendrerit quam nec felis. Sed
varius turpis vitae" | |
79 text run at (0,380) width 350: "pede. Lorem ipsum dolor sit amet, consecte
tuer adipiscing" | |
80 text run at (0,400) width 25: "elit. " | |
81 text run at (25,400) width 337: "Lorem ipsum dolor sit amet, consectetuer
adipiscing elit." | |
82 text run at (0,420) width 367: "Nulla varius enim ac mi. Curabitur sollici
tudin felis quis lectus." | |
83 text run at (0,440) width 362: "Quisque adipiscing rhoncus sem. Proin null
a purus, vulputate" | |
84 text run at (0,460) width 358: "vel, varius ut, euismod et, nisi. Sed vita
e felis vel orci sagittis" | |
85 text run at (0,480) width 365: "aliquam. Cras convallis adipiscing sem. Na
m nonummy enim." | |
86 text run at (0,500) width 329: "Nullam bibendum lobortis neque. Vestibulum
velit orci," | |
87 text run at (0,520) width 309: "tempus euismod, pretium quis, interdum vit
ae, nulla." | |
88 text run at (0,540) width 321: "Phasellus eget ante et tortor condimentum
vestibulum." | |
89 text run at (0,560) width 360: "Suspendisse hendrerit quam nec felis. Sed
varius turpis vitae" | |
90 text run at (0,580) width 350: "pede. Lorem ipsum dolor sit amet, consecte
tuer adipiscing" | |
91 text run at (0,600) width 25: "elit. " | |
92 text run at (25,600) width 337: "Lorem ipsum dolor sit amet, consectetuer
adipiscing elit." | |
93 text run at (0,620) width 143: "Nulla varius enim ac mi." | |
94 layer at (8,842) size 760x416 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | |
95 LayoutBlockFlow {DIV} at (0,825.63) size 760x416.81 [border: (5px solid #80000
0)] | |
96 LayoutBlockFlow (anonymous) (anonymous multi-column span) at (5,125) size 75
0x66.81 | |
97 LayoutBlockFlow {H2} at (0,19.91) size 750x27 [bgcolor=#EEEEEE] | |
98 LayoutText {#text} at (0,0) size 629x26 | |
99 text run at (0,0) width 629: "This is a spanning element in the middle
of the columns block." | |
100 layer at (13,847) size 750x120 backgroundClip at (0,0) size 785x600 clip at (0,0
) size 785x600 outlineClip at (0,0) size 785x600 | |
101 LayoutBlockFlow (anonymous) (anonymous multi-column) at (5,5) size 750x120 | |
102 LayoutText {#text} at (0,0) size 367x239 | |
103 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer adi
piscing elit." | |
104 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollicit
udin felis quis lectus." | |
105 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nulla
purus, vulputate" | |
106 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vitae
felis vel orci sagittis" | |
107 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. Nam
nonummy enim." | |
108 text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibulum
velit orci," | |
109 text run at (0,120) width 309: "tempus euismod, pretium quis, interdum vit
ae, nulla." | |
110 text run at (0,140) width 321: "Phasellus eget ante et tortor condimentum
vestibulum." | |
111 text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Sed
varius turpis vitae" | |
112 text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consecte
tuer adipiscing" | |
113 text run at (0,200) width 25: "elit. " | |
114 text run at (25,200) width 337: "Lorem ipsum dolor sit amet, consectetuer
adipiscing elit." | |
115 text run at (0,220) width 143: "Nulla varius enim ac mi." | |
116 layer at (13,1033) size 750x220 backgroundClip at (0,0) size 785x600 clip at (0,
0) size 785x600 outlineClip at (0,0) size 785x600 | |
117 LayoutBlockFlow (anonymous) (anonymous multi-column) at (5,191.81) size 750x22
0 | |
118 LayoutText {#text} at (0,0) size 367x419 | |
119 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer adi
piscing elit." | |
120 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollicit
udin felis quis lectus." | |
121 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nulla
purus, vulputate" | |
122 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vitae
felis vel orci sagittis" | |
123 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. Nam
nonummy enim." | |
124 text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibulum
velit orci," | |
125 text run at (0,120) width 309: "tempus euismod, pretium quis, interdum vit
ae, nulla." | |
126 text run at (0,140) width 321: "Phasellus eget ante et tortor condimentum
vestibulum." | |
127 text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Sed
varius turpis vitae" | |
128 text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consecte
tuer adipiscing" | |
129 text run at (0,200) width 25: "elit. " | |
130 text run at (25,200) width 337: "Lorem ipsum dolor sit amet, consectetuer
adipiscing elit." | |
131 text run at (0,220) width 367: "Nulla varius enim ac mi. Curabitur sollici
tudin felis quis lectus." | |
132 text run at (0,240) width 362: "Quisque adipiscing rhoncus sem. Proin null
a purus, vulputate" | |
133 text run at (0,260) width 358: "vel, varius ut, euismod et, nisi. Sed vita
e felis vel orci sagittis" | |
134 text run at (0,280) width 365: "aliquam. Cras convallis adipiscing sem. Na
m nonummy enim." | |
135 text run at (0,300) width 329: "Nullam bibendum lobortis neque. Vestibulum
velit orci," | |
136 text run at (0,320) width 309: "tempus euismod, pretium quis, interdum vit
ae, nulla." | |
137 text run at (0,340) width 321: "Phasellus eget ante et tortor condimentum
vestibulum." | |
138 text run at (0,360) width 360: "Suspendisse hendrerit quam nec felis. Sed
varius turpis vitae" | |
139 text run at (0,380) width 350: "pede. Lorem ipsum dolor sit amet, consecte
tuer adipiscing" | |
140 text run at (0,400) width 21: "elit." | |
141 layer at (8,1274) size 760x384 backgroundClip at (0,0) size 785x600 clip at (0,0
) size 785x600 outlineClip at (0,0) size 785x600 | |
142 LayoutBlockFlow {DIV} at (0,1258.44) size 760x384 [border: (5px solid #800000)
] | |
143 LayoutText {#text} at (5,5) size 367x245 | |
144 text run at (5,5) width 337: "Lorem ipsum dolor sit amet, consectetuer adi
piscing elit." | |
145 text run at (5,25) width 367: "Nulla varius enim ac mi. Curabitur sollicit
udin felis quis lectus." | |
146 text run at (5,45) width 362: "Quisque adipiscing rhoncus sem. Proin nulla
purus, vulputate" | |
147 text run at (5,65) width 358: "vel, varius ut, euismod et, nisi. Sed vitae
felis vel orci sagittis" | |
148 text run at (5,85) width 365: "aliquam. Cras convallis adipiscing sem. Nam
nonummy enim." | |
149 text run at (5,105) width 329: "Nullam bibendum lobortis neque. Vestibulum
velit orci," | |
150 text run at (5,125) width 309: "tempus euismod, pretium quis, interdum vit
ae, nulla." | |
151 text run at (5,145) width 321: "Phasellus eget ante et tortor condimentum
vestibulum." | |
152 text run at (5,165) width 360: "Suspendisse hendrerit quam nec felis. Sed
varius turpis vitae" | |
153 text run at (5,185) width 350: "pede. Lorem ipsum dolor sit amet, consecte
tuer adipiscing" | |
154 text run at (5,205) width 25: "elit. " | |
155 text run at (30,205) width 337: "Lorem ipsum dolor sit amet, consectetuer
adipiscing elit." | |
156 text run at (5,231) width 147: "Nulla varius enim ac mi. " | |
157 LayoutInline {H2} at (0,0) size 353x107 [bgcolor=#EEEEEE] | |
158 LayoutText {#text} at (152,225) size 353x107 | |
159 text run at (152,225) width 182: "This is a spanning" | |
160 text run at (5,252) width 353: "element with an original display of" | |
161 text run at (5,279) width 351: "inline in the middle of the columns" | |
162 text run at (5,306) width 62: "block." | |
163 LayoutText {#text} at (67,312) size 365x426 | |
164 text run at (67,312) width 253: " Lorem ipsum dolor sit amet, consectetuer
" | |
165 text run at (5,333) width 358: "adipiscing elit. Nulla varius enim ac mi.
Curabitur sollicitudin" | |
166 text run at (5,353) width 360: "felis quis lectus. Quisque adipiscing rhon
cus sem. Proin nulla" | |
167 text run at (5,379) width 365: "purus, vulputate vel, varius ut, euismod e
t, nisi. Sed vitae felis" | |
168 text run at (5,399) width 359: "vel orci sagittis aliquam. Cras convallis
adipiscing sem. Nam" | |
169 text run at (5,419) width 297: "nonummy enim. Nullam bibendum lobortis neq
ue." | |
170 text run at (5,439) width 312: "Vestibulum velit orci, tempus euismod, pre
tium quis," | |
171 text run at (5,459) width 293: "interdum vitae, nulla. Phasellus eget ante
et tortor" | |
172 text run at (5,479) width 348: "condimentum vestibulum. Suspendisse hendre
rit quam nec" | |
173 text run at (5,499) width 337: "felis. Sed varius turpis vitae pede. Lorem
ipsum dolor sit" | |
174 text run at (5,519) width 205: "amet, consectetuer adipiscing elit. " | |
175 text run at (210,519) width 132: "Lorem ipsum dolor sit" | |
176 text run at (5,539) width 348: "amet, consectetuer adipiscing elit. Nulla
varius enim ac mi." | |
177 text run at (5,559) width 337: "Curabitur sollicitudin felis quis lectus.
Quisque adipiscing" | |
178 text run at (5,579) width 328: "rhoncus sem. Proin nulla purus, vulputate
vel, varius ut," | |
179 text run at (5,599) width 362: "euismod et, nisi. Sed vitae felis vel orci
sagittis aliquam. Cras" | |
180 text run at (5,619) width 325: "convallis adipiscing sem. Nam nonummy enim
. Nullam" | |
181 text run at (5,639) width 329: "bibendum lobortis neque. Vestibulum velit
orci, tempus" | |
182 text run at (5,659) width 350: "euismod, pretium quis, interdum vitae, nul
la. Phasellus eget" | |
183 text run at (5,679) width 311: "ante et tortor condimentum vestibulum. Sus
pendisse" | |
184 text run at (5,699) width 364: "hendrerit quam nec felis. Sed varius turpi
s vitae pede. Lorem" | |
185 text run at (5,719) width 293: "ipsum dolor sit amet, consectetuer adipisc
ing elit." | |
186 layer at (8,1674) size 760x411 backgroundClip at (0,0) size 785x600 clip at (0,0
) size 785x600 outlineClip at (0,0) size 785x600 | |
187 LayoutBlockFlow {DIV} at (0,1658.44) size 760x411 [border: (5px solid #800000)
] | |
188 LayoutText {#text} at (5,5) size 367x239 | |
189 text run at (5,5) width 337: "Lorem ipsum dolor sit amet, consectetuer adi
piscing elit." | |
190 text run at (5,25) width 367: "Nulla varius enim ac mi. Curabitur sollicit
udin felis quis lectus." | |
191 text run at (5,45) width 362: "Quisque adipiscing rhoncus sem. Proin nulla
purus, vulputate" | |
192 text run at (5,65) width 358: "vel, varius ut, euismod et, nisi. Sed vitae
felis vel orci sagittis" | |
193 text run at (5,85) width 365: "aliquam. Cras convallis adipiscing sem. Nam
nonummy enim." | |
194 text run at (5,105) width 329: "Nullam bibendum lobortis neque. Vestibulum
velit orci," | |
195 text run at (5,125) width 309: "tempus euismod, pretium quis, interdum vit
ae, nulla." | |
196 text run at (5,145) width 321: "Phasellus eget ante et tortor condimentum
vestibulum." | |
197 text run at (5,165) width 360: "Suspendisse hendrerit quam nec felis. Sed
varius turpis vitae" | |
198 text run at (5,185) width 350: "pede. Lorem ipsum dolor sit amet, consecte
tuer adipiscing" | |
199 text run at (5,205) width 25: "elit. " | |
200 text run at (30,205) width 337: "Lorem ipsum dolor sit amet, consectetuer
adipiscing elit." | |
201 text run at (5,225) width 147: "Nulla varius enim ac mi. " | |
202 LayoutBlockFlow (floating) {H2} at (5,264.91) size 367x81 [bgcolor=#EEEEEE] | |
203 LayoutText {#text} at (0,0) size 337x80 | |
204 text run at (0,0) width 320: "This element specifies a column" | |
205 text run at (0,27) width 337: "span, but it is also floating, so the" | |
206 text run at (0,54) width 324: "column-span should be ignored." | |
207 LayoutText {#text} at (152,225) size 365x560 | |
208 text run at (152,225) width 169: "Lorem ipsum dolor sit amet," | |
209 text run at (5,366) width 311: "consectetuer adipiscing elit. Nulla varius
enim ac mi." | |
210 text run at (5,386) width 337: "Curabitur sollicitudin felis quis lectus.
Quisque adipiscing" | |
211 text run at (5,406) width 328: "rhoncus sem. Proin nulla purus, vulputate
vel, varius ut," | |
212 text run at (5,426) width 362: "euismod et, nisi. Sed vitae felis vel orci
sagittis aliquam. Cras" | |
213 text run at (5,446) width 325: "convallis adipiscing sem. Nam nonummy enim
. Nullam" | |
214 text run at (5,466) width 329: "bibendum lobortis neque. Vestibulum velit
orci, tempus" | |
215 text run at (5,486) width 350: "euismod, pretium quis, interdum vitae, nul
la. Phasellus eget" | |
216 text run at (5,506) width 311: "ante et tortor condimentum vestibulum. Sus
pendisse" | |
217 text run at (5,526) width 364: "hendrerit quam nec felis. Sed varius turpi
s vitae pede. Lorem" | |
218 text run at (5,546) width 297: "ipsum dolor sit amet, consectetuer adipisc
ing elit. " | |
219 text run at (302,546) width 40: "Lorem" | |
220 text run at (5,566) width 329: "ipsum dolor sit amet, consectetuer adipisc
ing elit. Nulla" | |
221 text run at (5,586) width 331: "varius enim ac mi. Curabitur sollicitudin
felis quis lectus." | |
222 text run at (5,606) width 362: "Quisque adipiscing rhoncus sem. Proin null
a purus, vulputate" | |
223 text run at (5,626) width 358: "vel, varius ut, euismod et, nisi. Sed vita
e felis vel orci sagittis" | |
224 text run at (5,646) width 365: "aliquam. Cras convallis adipiscing sem. Na
m nonummy enim." | |
225 text run at (5,666) width 329: "Nullam bibendum lobortis neque. Vestibulum
velit orci," | |
226 text run at (5,686) width 309: "tempus euismod, pretium quis, interdum vit
ae, nulla." | |
227 text run at (5,706) width 321: "Phasellus eget ante et tortor condimentum
vestibulum." | |
228 text run at (5,726) width 360: "Suspendisse hendrerit quam nec felis. Sed
varius turpis vitae" | |
229 text run at (5,746) width 350: "pede. Lorem ipsum dolor sit amet, consecte
tuer adipiscing" | |
230 text run at (5,766) width 21: "elit." | |
231 layer at (8,2101) size 760x476 backgroundClip at (0,0) size 785x600 clip at (0,0
) size 785x600 outlineClip at (0,0) size 785x600 | |
232 LayoutBlockFlow {DIV} at (0,2085.44) size 760x475.81 [border: (5px solid #8000
00)] | |
233 LayoutBlockFlow (anonymous) (anonymous multi-column span) at (5,5) size 750x
93.81 | |
234 LayoutBlockFlow {H2} at (0,19.91) size 750x54 [bgcolor=#EEEEEE] | |
235 LayoutText {#text} at (0,0) size 705x53 | |
236 text run at (0,0) width 705: "This is a spanning element at the beginn
ing of the columns block with" | |
237 text run at (0,27) width 145: "block siblings." | |
238 layer at (13,2200) size 750x372 backgroundClip at (0,0) size 785x600 clip at (0,
0) size 785x600 outlineClip at (0,0) size 785x600 | |
239 LayoutBlockFlow (anonymous) (anonymous multi-column) at (5,98.81) size 750x372 | |
240 LayoutBlockFlow {P} at (0,16) size 367x220 | |
241 LayoutText {#text} at (0,0) size 367x219 | |
242 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
243 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis lectus." | |
244 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nul
la purus, vulputate" | |
245 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vit
ae felis vel orci sagittis" | |
246 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. N
am nonummy enim." | |
247 text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
248 text run at (0,120) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
249 text run at (0,140) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
250 text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
251 text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
252 text run at (0,200) width 21: "elit." | |
253 LayoutBlockFlow {P} at (0,252) size 367x220 | |
254 LayoutText {#text} at (0,0) size 367x219 | |
255 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
256 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis lectus." | |
257 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nul
la purus, vulputate" | |
258 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vit
ae felis vel orci sagittis" | |
259 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. N
am nonummy enim." | |
260 text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
261 text run at (0,120) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
262 text run at (0,140) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
263 text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
264 text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
265 text run at (0,200) width 21: "elit." | |
266 LayoutBlockFlow {P} at (0,488) size 367x220 | |
267 LayoutText {#text} at (0,0) size 367x219 | |
268 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
269 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis lectus." | |
270 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nul
la purus, vulputate" | |
271 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vit
ae felis vel orci sagittis" | |
272 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. N
am nonummy enim." | |
273 text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
274 text run at (0,120) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
275 text run at (0,140) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
276 text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
277 text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
278 text run at (0,200) width 21: "elit." | |
279 layer at (8,2593) size 760x476 backgroundClip at (0,0) size 785x600 clip at (0,0
) size 785x600 outlineClip at (0,0) size 785x600 | |
280 LayoutBlockFlow {DIV} at (0,2577.25) size 760x475.81 [border: (5px solid #8000
00)] | |
281 LayoutBlockFlow (anonymous) (anonymous multi-column span) at (5,377) size 75
0x93.81 | |
282 LayoutBlockFlow {H2} at (0,19.91) size 750x54 [bgcolor=#EEEEEE] | |
283 LayoutText {#text} at (0,0) size 703x53 | |
284 text run at (0,0) width 703: "This is a spanning element at the end of
the columns block with block" | |
285 text run at (0,27) width 83: "siblings." | |
286 layer at (13,2598) size 750x372 backgroundClip at (0,0) size 785x600 clip at (0,
0) size 785x600 outlineClip at (0,0) size 785x600 | |
287 LayoutBlockFlow (anonymous) (anonymous multi-column) at (5,5) size 750x372 | |
288 LayoutBlockFlow {P} at (0,16) size 367x220 | |
289 LayoutText {#text} at (0,0) size 367x219 | |
290 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
291 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis lectus." | |
292 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nul
la purus, vulputate" | |
293 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vit
ae felis vel orci sagittis" | |
294 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. N
am nonummy enim." | |
295 text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
296 text run at (0,120) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
297 text run at (0,140) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
298 text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
299 text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
300 text run at (0,200) width 21: "elit." | |
301 LayoutBlockFlow {P} at (0,252) size 367x220 | |
302 LayoutText {#text} at (0,0) size 367x219 | |
303 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
304 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis lectus." | |
305 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nul
la purus, vulputate" | |
306 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vit
ae felis vel orci sagittis" | |
307 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. N
am nonummy enim." | |
308 text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
309 text run at (0,120) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
310 text run at (0,140) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
311 text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
312 text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
313 text run at (0,200) width 21: "elit." | |
314 LayoutBlockFlow {P} at (0,488) size 367x220 | |
315 LayoutText {#text} at (0,0) size 367x219 | |
316 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
317 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis lectus." | |
318 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nul
la purus, vulputate" | |
319 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vit
ae felis vel orci sagittis" | |
320 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. N
am nonummy enim." | |
321 text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
322 text run at (0,120) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
323 text run at (0,140) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
324 text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
325 text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
326 text run at (0,200) width 21: "elit." | |
327 layer at (8,3085) size 760x484 backgroundClip at (0,0) size 785x600 clip at (0,0
) size 785x600 outlineClip at (0,0) size 785x600 | |
328 LayoutBlockFlow {DIV} at (0,3069.06) size 760x483.81 [border: (5px solid #8000
00)] | |
329 LayoutBlockFlow (anonymous) (anonymous multi-column span) at (5,249) size 75
0x93.81 | |
330 LayoutBlockFlow {H2} at (0,19.91) size 750x54 [bgcolor=#EEEEEE] | |
331 LayoutText {#text} at (0,0) size 736x53 | |
332 text run at (0,0) width 736: "This is a spanning element in the middle
of the columns block with block" | |
333 text run at (0,27) width 83: "siblings." | |
334 layer at (13,3090) size 750x244 backgroundClip at (0,0) size 785x600 clip at (0,
0) size 785x600 outlineClip at (0,0) size 785x600 | |
335 LayoutBlockFlow (anonymous) (anonymous multi-column) at (5,5) size 750x244 | |
336 LayoutBlockFlow {P} at (0,16) size 367x220 | |
337 LayoutText {#text} at (0,0) size 367x219 | |
338 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
339 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis lectus." | |
340 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nul
la purus, vulputate" | |
341 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vit
ae felis vel orci sagittis" | |
342 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. N
am nonummy enim." | |
343 text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
344 text run at (0,120) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
345 text run at (0,140) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
346 text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
347 text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
348 text run at (0,200) width 21: "elit." | |
349 LayoutBlockFlow {P} at (0,244) size 367x220 | |
350 LayoutText {#text} at (0,0) size 367x219 | |
351 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
352 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis lectus." | |
353 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nul
la purus, vulputate" | |
354 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vit
ae felis vel orci sagittis" | |
355 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. N
am nonummy enim." | |
356 text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
357 text run at (0,120) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
358 text run at (0,140) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
359 text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
360 text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
361 text run at (0,200) width 21: "elit." | |
362 layer at (13,3428) size 750x136 backgroundClip at (0,0) size 785x600 clip at (0,
0) size 785x600 outlineClip at (0,0) size 785x600 | |
363 LayoutBlockFlow (anonymous) (anonymous multi-column) at (5,342.81) size 750x13
6 | |
364 LayoutBlockFlow {P} at (0,16) size 367x220 | |
365 LayoutText {#text} at (0,0) size 367x219 | |
366 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
367 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis lectus." | |
368 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nul
la purus, vulputate" | |
369 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vit
ae felis vel orci sagittis" | |
370 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. N
am nonummy enim." | |
371 text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
372 text run at (0,120) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
373 text run at (0,140) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
374 text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
375 text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
376 text run at (0,200) width 21: "elit." | |
OLD | NEW |