blob: 6b52e7c3911e5b4e21402922b84962117244f524 [file] [log] [blame]
layer at (0,0) size 800x2079
RenderView at (0,0) size 800x600
layer at (0,0) size 800x2079
RenderBlock {HTML} at (0,0) size 800x2080
RenderBody {BODY} at (8,16) size 784x2048
layer at (8,16) size 750x460
RenderBlock {DIV} at (0,0) size 750x460 [bgcolor=#EEEEEE]
RenderBlock {H2} at (0,19) size 750x61 [bgcolor=#CCCCCC]
RenderText {#text} at (0,1) size 689x58
text run at (0,1) width 672: "This is a spanning element at the beginning of the columns block. "
text run at (671,1) width 18: "It"
text run at (0,31) width 529: "should collapse its margins with the top of the page."
RenderMultiColumnSet at (0,99) size 750x361
layer at (8,16) size 367x700
RenderMultiColumnFlowThread at (0,0) size 367x700
RenderMultiColumnSpannerPlaceholder at (0,0) size 0x0
RenderBlock (anonymous) at (0,0) size 367x700
RenderText {#text} at (0,0) size 367x699
text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
text run at (0,20) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
text run at (0,40) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
text run at (0,60) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
text run at (0,80) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
text run at (0,100) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
text run at (0,120) width 351: "neque. Vestibulum velit orci, tempus euismod, pretium"
text run at (0,140) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
text run at (0,160) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
text run at (0,180) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
text run at (0,200) width 279: "dolor sit amet, consectetuer adipiscing elit. "
text run at (278,200) width 86: "Lorem ipsum"
text run at (0,220) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
text run at (0,240) width 324: "enim ac mi. Curabitur sollicitudin felis quis lectus."
text run at (0,260) width 330: "Quisque adipiscing rhoncus sem. Proin nulla purus,"
text run at (0,280) width 355: "vulputate vel, varius ut, euismod et, nisi. Sed vitae felis"
text run at (0,300) width 356: "vel orci sagittis aliquam. Cras convallis adipiscing sem."
text run at (0,320) width 360: "Nam nonummy enim. Nullam bibendum lobortis neque."
text run at (0,340) width 340: "Vestibulum velit orci, tempus euismod, pretium quis,"
text run at (0,360) width 318: "interdum vitae, nulla. Phasellus eget ante et tortor"
text run at (0,380) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
text run at (0,400) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
text run at (0,420) width 279: "dolor sit amet, consectetuer adipiscing elit. "
text run at (278,420) width 86: "Lorem ipsum"
text run at (0,440) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
text run at (0,460) width 324: "enim ac mi. Curabitur sollicitudin felis quis lectus."
text run at (0,480) width 330: "Quisque adipiscing rhoncus sem. Proin nulla purus,"
text run at (0,500) width 355: "vulputate vel, varius ut, euismod et, nisi. Sed vitae felis"
text run at (0,520) width 356: "vel orci sagittis aliquam. Cras convallis adipiscing sem."
text run at (0,540) width 360: "Nam nonummy enim. Nullam bibendum lobortis neque."
text run at (0,560) width 340: "Vestibulum velit orci, tempus euismod, pretium quis,"
text run at (0,580) width 318: "interdum vitae, nulla. Phasellus eget ante et tortor"
text run at (0,600) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
text run at (0,620) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
text run at (0,640) width 279: "dolor sit amet, consectetuer adipiscing elit. "
text run at (278,640) width 86: "Lorem ipsum"
text run at (0,660) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
text run at (0,680) width 76: "enim ac mi."
layer at (8,492) size 750x460
RenderBlock {DIV} at (0,475) size 750x461 [bgcolor=#EEEEEE]
RenderMultiColumnSet at (0,0) size 750x360
RenderBlock {H2} at (0,379) size 750x61 [bgcolor=#CCCCCC]
RenderText {#text} at (0,1) size 699x58
text run at (0,1) width 608: "This is a spanning element at the end of the columns block. "
text run at (607,1) width 92: "It should"
text run at (0,31) width 505: "collapse its margins with the h2 in the next block."
RenderMultiColumnSet at (0,459) size 750x0
layer at (8,492) size 367x700
RenderMultiColumnFlowThread at (0,0) size 367x700
RenderBlock (anonymous) at (0,0) size 367x700
RenderText {#text} at (0,0) size 367x699
text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
text run at (0,20) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
text run at (0,40) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
text run at (0,60) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
text run at (0,80) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
text run at (0,100) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
text run at (0,120) width 351: "neque. Vestibulum velit orci, tempus euismod, pretium"
text run at (0,140) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
text run at (0,160) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
text run at (0,180) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
text run at (0,200) width 279: "dolor sit amet, consectetuer adipiscing elit. "
text run at (278,200) width 86: "Lorem ipsum"
text run at (0,220) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
text run at (0,240) width 324: "enim ac mi. Curabitur sollicitudin felis quis lectus."
text run at (0,260) width 330: "Quisque adipiscing rhoncus sem. Proin nulla purus,"
text run at (0,280) width 355: "vulputate vel, varius ut, euismod et, nisi. Sed vitae felis"
text run at (0,300) width 356: "vel orci sagittis aliquam. Cras convallis adipiscing sem."
text run at (0,320) width 360: "Nam nonummy enim. Nullam bibendum lobortis neque."
text run at (0,340) width 340: "Vestibulum velit orci, tempus euismod, pretium quis,"
text run at (0,360) width 318: "interdum vitae, nulla. Phasellus eget ante et tortor"
text run at (0,380) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
text run at (0,400) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
text run at (0,420) width 279: "dolor sit amet, consectetuer adipiscing elit. "
text run at (278,420) width 86: "Lorem ipsum"
text run at (0,440) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
text run at (0,460) width 324: "enim ac mi. Curabitur sollicitudin felis quis lectus."
text run at (0,480) width 330: "Quisque adipiscing rhoncus sem. Proin nulla purus,"
text run at (0,500) width 355: "vulputate vel, varius ut, euismod et, nisi. Sed vitae felis"
text run at (0,520) width 356: "vel orci sagittis aliquam. Cras convallis adipiscing sem."
text run at (0,540) width 360: "Nam nonummy enim. Nullam bibendum lobortis neque."
text run at (0,560) width 340: "Vestibulum velit orci, tempus euismod, pretium quis,"
text run at (0,580) width 318: "interdum vitae, nulla. Phasellus eget ante et tortor"
text run at (0,600) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
text run at (0,620) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
text run at (0,640) width 279: "dolor sit amet, consectetuer adipiscing elit. "
text run at (278,640) width 86: "Lorem ipsum"
text run at (0,660) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
text run at (0,680) width 76: "enim ac mi."
RenderMultiColumnSpannerPlaceholder at (0,700) size 0x0
layer at (8,968) size 750x459
RenderBlock {DIV} at (0,951) size 750x461 [bgcolor=#EEEEEE]
RenderBlock {H2} at (0,19) size 750x61 [bgcolor=#CCCCCC]
RenderText {#text} at (0,1) size 689x58
text run at (0,1) width 672: "This is a spanning element at the beginning of the columns block. "
text run at (671,1) width 18: "It"
text run at (0,31) width 622: "should collapse its margins with the h2 in the previous block."
RenderMultiColumnSet at (0,99) size 750x361
layer at (8,968) size 367x700
RenderMultiColumnFlowThread at (0,0) size 367x700
RenderMultiColumnSpannerPlaceholder at (0,0) size 0x0
RenderBlock (anonymous) at (0,0) size 367x700
RenderText {#text} at (0,0) size 367x699
text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
text run at (0,20) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
text run at (0,40) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
text run at (0,60) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
text run at (0,80) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
text run at (0,100) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
text run at (0,120) width 351: "neque. Vestibulum velit orci, tempus euismod, pretium"
text run at (0,140) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
text run at (0,160) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
text run at (0,180) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
text run at (0,200) width 279: "dolor sit amet, consectetuer adipiscing elit. "
text run at (278,200) width 86: "Lorem ipsum"
text run at (0,220) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
text run at (0,240) width 324: "enim ac mi. Curabitur sollicitudin felis quis lectus."
text run at (0,260) width 330: "Quisque adipiscing rhoncus sem. Proin nulla purus,"
text run at (0,280) width 355: "vulputate vel, varius ut, euismod et, nisi. Sed vitae felis"
text run at (0,300) width 356: "vel orci sagittis aliquam. Cras convallis adipiscing sem."
text run at (0,320) width 360: "Nam nonummy enim. Nullam bibendum lobortis neque."
text run at (0,340) width 340: "Vestibulum velit orci, tempus euismod, pretium quis,"
text run at (0,360) width 318: "interdum vitae, nulla. Phasellus eget ante et tortor"
text run at (0,380) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
text run at (0,400) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
text run at (0,420) width 279: "dolor sit amet, consectetuer adipiscing elit. "
text run at (278,420) width 86: "Lorem ipsum"
text run at (0,440) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
text run at (0,460) width 324: "enim ac mi. Curabitur sollicitudin felis quis lectus."
text run at (0,480) width 330: "Quisque adipiscing rhoncus sem. Proin nulla purus,"
text run at (0,500) width 355: "vulputate vel, varius ut, euismod et, nisi. Sed vitae felis"
text run at (0,520) width 356: "vel orci sagittis aliquam. Cras convallis adipiscing sem."
text run at (0,540) width 360: "Nam nonummy enim. Nullam bibendum lobortis neque."
text run at (0,560) width 340: "Vestibulum velit orci, tempus euismod, pretium quis,"
text run at (0,580) width 318: "interdum vitae, nulla. Phasellus eget ante et tortor"
text run at (0,600) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
text run at (0,620) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
text run at (0,640) width 279: "dolor sit amet, consectetuer adipiscing elit. "
text run at (278,640) width 86: "Lorem ipsum"
text run at (0,660) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
text run at (0,680) width 76: "enim ac mi."
layer at (8,1443) size 750x620
RenderBlock {DIV} at (0,1427) size 750x621 [bgcolor=#EEEEEE]
RenderMultiColumnSet at (0,0) size 750x220
RenderBlock {H2} at (0,239) size 750x61 [bgcolor=#CCCCCC]
RenderText {#text} at (0,1) size 733x58
text run at (0,1) width 641: "This is a spanning element in the middle of the columns block. "
text run at (640,1) width 93: "It should"
text run at (0,31) width 569: "collapse its margins with the spanning element below it."
RenderMultiColumnSet at (0,319) size 750x0
RenderBlock {H2} at (0,319) size 750x61 [bgcolor=#CCCCCC]
RenderText {#text} at (0,1) size 733x58
text run at (0,1) width 641: "This is a spanning element in the middle of the columns block. "
text run at (640,1) width 93: "It should"
text run at (0,31) width 569: "collapse its margins with the spanning element above it."
RenderMultiColumnSet at (0,399) size 750x221
layer at (8,1443) size 367x880 backgroundClip at (0,0) size 800x2079 clip at (0,0) size 800x2079
RenderMultiColumnFlowThread at (0,0) size 367x880
RenderBlock (anonymous) at (0,0) size 367x440
RenderText {#text} at (0,0) size 367x439
text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
text run at (0,20) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
text run at (0,40) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
text run at (0,60) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
text run at (0,80) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
text run at (0,100) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
text run at (0,120) width 351: "neque. Vestibulum velit orci, tempus euismod, pretium"
text run at (0,140) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
text run at (0,160) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
text run at (0,180) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
text run at (0,200) width 279: "dolor sit amet, consectetuer adipiscing elit. "
text run at (278,200) width 86: "Lorem ipsum"
text run at (0,220) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
text run at (0,240) width 324: "enim ac mi. Curabitur sollicitudin felis quis lectus."
text run at (0,260) width 330: "Quisque adipiscing rhoncus sem. Proin nulla purus,"
text run at (0,280) width 355: "vulputate vel, varius ut, euismod et, nisi. Sed vitae felis"
text run at (0,300) width 356: "vel orci sagittis aliquam. Cras convallis adipiscing sem."
text run at (0,320) width 360: "Nam nonummy enim. Nullam bibendum lobortis neque."
text run at (0,340) width 340: "Vestibulum velit orci, tempus euismod, pretium quis,"
text run at (0,360) width 318: "interdum vitae, nulla. Phasellus eget ante et tortor"
text run at (0,380) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
text run at (0,400) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
text run at (0,420) width 275: "dolor sit amet, consectetuer adipiscing elit."
RenderMultiColumnSpannerPlaceholder at (0,440) size 0x0
RenderMultiColumnSpannerPlaceholder at (0,440) size 0x0
RenderBlock (anonymous) at (0,440) size 367x440
RenderText {#text} at (0,0) size 367x439
text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
text run at (0,20) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
text run at (0,40) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
text run at (0,60) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
text run at (0,80) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
text run at (0,100) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
text run at (0,120) width 351: "neque. Vestibulum velit orci, tempus euismod, pretium"
text run at (0,140) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
text run at (0,160) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
text run at (0,180) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
text run at (0,200) width 279: "dolor sit amet, consectetuer adipiscing elit. "
text run at (278,200) width 86: "Lorem ipsum"
text run at (0,220) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
text run at (0,240) width 324: "enim ac mi. Curabitur sollicitudin felis quis lectus."
text run at (0,260) width 330: "Quisque adipiscing rhoncus sem. Proin nulla purus,"
text run at (0,280) width 355: "vulputate vel, varius ut, euismod et, nisi. Sed vitae felis"
text run at (0,300) width 356: "vel orci sagittis aliquam. Cras convallis adipiscing sem."
text run at (0,320) width 360: "Nam nonummy enim. Nullam bibendum lobortis neque."
text run at (0,340) width 340: "Vestibulum velit orci, tempus euismod, pretium quis,"
text run at (0,360) width 318: "interdum vitae, nulla. Phasellus eget ante et tortor"
text run at (0,380) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
text run at (0,400) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
text run at (0,420) width 275: "dolor sit amet, consectetuer adipiscing elit."