| 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 |