| 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 multi-column span) at (5,5) size 750x66.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 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 multi-column span) at (5,325) size 750x66.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 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 multi-column span) at (5,125) size 750x66.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 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 multi-column) at (5,191.81) size 750x220 | |
| 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 multi-column span) at (5,5) size 750x93.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 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 multi-column span) at (5,377) size 750x93.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 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 multi-column span) at (5,249) size 750x93.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 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 multi-column) at (5,342.81) size 750x136 | |
| 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 |