| 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 LayoutBlockFlow (anonymous) (anonymous multi-column span) at (0,0) size 750x
93.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) (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 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | |
| 53 LayoutBlockFlow {DIV} at (0,429.81) size 750x413.81 [bgcolor=#EEEEEE] | |
| 54 LayoutBlockFlow (anonymous) (anonymous multi-column span) at (0,320) size 75
0x93.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 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | |
| 61 LayoutBlockFlow (anonymous) (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 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | |
| 99 LayoutBlockFlow {DIV} at (0,859.63) size 750x413.81 [bgcolor=#EEEEEE] | |
| 100 LayoutBlockFlow (anonymous) (anonymous multi-column span) at (0,0) size 750x
93.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 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | |
| 107 LayoutBlockFlow (anonymous) (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 backgroundClip at (0,0) size 785x600 clip at (0,0
) size 785x600 outlineClip at (0,0) size 785x600 | |
| 145 LayoutBlockFlow {DIV} at (0,1289.44) size 750x607.72 [bgcolor=#EEEEEE] | |
| 146 LayoutBlockFlow (anonymous) (anonymous multi-column span) at (0,220) size 75
0x167.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 backgroundClip at (0,0) size 785x600 clip at (0,0
) size 785x600 outlineClip at (0,0) size 785x600 | |
| 158 LayoutBlockFlow (anonymous) (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 backgroundClip at (0,0) size 785x600 clip at (0,0
) size 785x600 outlineClip at (0,0) size 785x600 | |
| 183 LayoutBlockFlow (anonymous) (anonymous multi-column) at (0,387.72) size 750x22
0 | |
| 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 |