OLD | NEW |
| (Empty) |
1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 1406 | |
2 LayoutView at (0,0) size 800x600 | |
3 layer at (0,0) size 785x1406 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 785x1406.44 | |
5 LayoutBlockFlow {BODY} at (8,16) size 769x1374.44 | |
6 layer at (8,16) size 760x441 | |
7 LayoutBlockFlow {DIV} at (0,0) size 760x440.81 [border: (5px solid #800000)] | |
8 LayoutBlockFlow (anonymous) (anonymous multi-column span) at (5,13) size 750
x66.81 [color=#FFFFFF] | |
9 LayoutBlockFlow {H2} at (0,19.91) size 750x27 [color=#000000] [bgcolor=#EE
EEEE] | |
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,21) size 750x8 | |
13 LayoutBlockFlow (anonymous) (anonymous multi-column) at (5,5) size 750x8 | |
14 LayoutBlockFlow {SPAN} at (0,8) size 367x0 [color=#FFFFFF] [bgcolor=#000000] | |
15 layer at (13,96) size 750x356 | |
16 LayoutBlockFlow (anonymous) (anonymous multi-column) at (5,79.81) size 750x356 | |
17 LayoutBlockFlow {SPAN} at (0,16) size 367x220 [color=#FFFFFF] [bgcolor=#0000
00] | |
18 LayoutText {#text} at (0,0) size 367x219 | |
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 21: "elit." | |
30 LayoutBlockFlow (anonymous) at (0,252) size 367x444 | |
31 LayoutText {#text} at (0,0) size 367x443 | |
32 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
33 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis lectus." | |
34 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nul
la purus, vulputate" | |
35 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vit
ae felis vel orci sagittis" | |
36 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. N
am nonummy enim." | |
37 text run at (0,104) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
38 text run at (0,124) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
39 text run at (0,144) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
40 text run at (0,164) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
41 text run at (0,184) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
42 text run at (0,204) width 25: "elit. " | |
43 text run at (25,204) width 337: "Lorem ipsum dolor sit amet, consectetue
r adipiscing elit." | |
44 text run at (0,224) width 367: "Nulla varius enim ac mi. Curabitur solli
citudin felis quis lectus." | |
45 text run at (0,244) width 362: "Quisque adipiscing rhoncus sem. Proin nu
lla purus, vulputate" | |
46 text run at (0,264) width 358: "vel, varius ut, euismod et, nisi. Sed vi
tae felis vel orci sagittis" | |
47 text run at (0,284) width 365: "aliquam. Cras convallis adipiscing sem.
Nam nonummy enim." | |
48 text run at (0,304) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
49 text run at (0,324) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
50 text run at (0,344) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
51 text run at (0,364) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
52 text run at (0,384) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
53 text run at (0,404) width 25: "elit. " | |
54 text run at (25,404) width 337: "Lorem ipsum dolor sit amet, consectetue
r adipiscing elit." | |
55 text run at (0,424) width 143: "Nulla varius enim ac mi." | |
56 layer at (8,473) size 760x437 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | |
57 LayoutBlockFlow {DIV} at (0,456.81) size 760x436.81 [border: (5px solid #80000
0)] | |
58 LayoutBlockFlow (anonymous) (anonymous multi-column span) at (5,357) size 75
0x66.81 [color=#FFFFFF] | |
59 LayoutBlockFlow {H2} at (0,19.91) size 750x27 [color=#000000] [bgcolor=#EE
EEEE] | |
60 LayoutText {#text} at (0,0) size 596x26 | |
61 text run at (0,0) width 596: "This is a spanning element at the end of
the columns block." | |
62 layer at (13,478) size 750x352 backgroundClip at (0,0) size 785x600 clip at (0,0
) size 785x600 outlineClip at (0,0) size 785x600 | |
63 LayoutBlockFlow (anonymous) (anonymous multi-column) at (5,5) size 750x352 | |
64 LayoutBlockFlow (anonymous) at (0,0) size 367x432 | |
65 LayoutText {#text} at (0,0) size 367x431 | |
66 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
67 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis lectus." | |
68 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nul
la purus, vulputate" | |
69 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vit
ae felis vel orci sagittis" | |
70 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. N
am nonummy enim." | |
71 text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
72 text run at (0,120) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
73 text run at (0,140) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
74 text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
75 text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
76 text run at (0,200) width 25: "elit. " | |
77 text run at (25,200) width 337: "Lorem ipsum dolor sit amet, consectetue
r adipiscing elit." | |
78 text run at (0,220) width 367: "Nulla varius enim ac mi. Curabitur solli
citudin felis quis lectus." | |
79 text run at (0,240) width 362: "Quisque adipiscing rhoncus sem. Proin nu
lla purus, vulputate" | |
80 text run at (0,260) width 358: "vel, varius ut, euismod et, nisi. Sed vi
tae felis vel orci sagittis" | |
81 text run at (0,280) width 365: "aliquam. Cras convallis adipiscing sem.
Nam nonummy enim." | |
82 text run at (0,300) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
83 text run at (0,320) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
84 text run at (0,352) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
85 text run at (0,372) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
86 text run at (0,392) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
87 text run at (0,412) width 21: "elit." | |
88 LayoutBlockFlow {SPAN} at (0,448) size 367x240 [color=#FFFFFF] [bgcolor=#000
000] | |
89 LayoutText {#text} at (0,0) size 367x239 | |
90 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
91 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis lectus." | |
92 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nul
la purus, vulputate" | |
93 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vit
ae felis vel orci sagittis" | |
94 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. N
am nonummy enim." | |
95 text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
96 text run at (0,120) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
97 text run at (0,140) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
98 text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
99 text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
100 text run at (0,200) width 25: "elit. " | |
101 text run at (25,200) width 337: "Lorem ipsum dolor sit amet, consectetue
r adipiscing elit." | |
102 text run at (0,220) width 143: "Nulla varius enim ac mi." | |
103 layer at (13,897) size 750x8 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | |
104 LayoutBlockFlow (anonymous) (anonymous multi-column) at (5,423.81) size 750x8 | |
105 LayoutBlockFlow {SPAN} at (0,8) size 367x0 [color=#FFFFFF] [bgcolor=#000000] | |
106 LayoutText {#text} at (0,0) size 0x0 | |
107 layer at (8,926) size 760x464 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | |
108 LayoutBlockFlow {DIV} at (0,909.63) size 760x464.81 [border: (5px solid #80000
0)] | |
109 LayoutBlockFlow (anonymous) (anonymous multi-column span) at (5,157) size 75
0x66.81 [color=#FFFFFF] | |
110 LayoutBlockFlow {H2} at (0,19.91) size 750x27 [color=#000000] [bgcolor=#EE
EEEE] | |
111 LayoutText {#text} at (0,0) size 629x26 | |
112 text run at (0,0) width 629: "This is a spanning element in the middle
of the columns block." | |
113 layer at (13,931) size 750x152 backgroundClip at (0,0) size 785x600 clip at (0,0
) size 785x600 outlineClip at (0,0) size 785x600 | |
114 LayoutBlockFlow (anonymous) (anonymous multi-column) at (5,5) size 750x152 | |
115 LayoutBlockFlow (anonymous) at (0,0) size 367x232 | |
116 LayoutText {#text} at (0,0) size 367x231 | |
117 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
118 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis lectus." | |
119 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nul
la purus, vulputate" | |
120 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vit
ae felis vel orci sagittis" | |
121 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. N
am nonummy enim." | |
122 text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
123 text run at (0,120) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
124 text run at (0,152) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
125 text run at (0,172) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
126 text run at (0,192) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
127 text run at (0,212) width 21: "elit." | |
128 LayoutBlockFlow {SPAN} at (0,248) size 367x40 [color=#FFFFFF] [bgcolor=#0000
00] | |
129 LayoutText {#text} at (0,0) size 337x39 | |
130 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
131 text run at (0,20) width 143: "Nulla varius enim ac mi." | |
132 layer at (13,1149) size 750x236 backgroundClip at (0,0) size 785x600 clip at (0,
0) size 785x600 outlineClip at (0,0) size 785x600 | |
133 LayoutBlockFlow (anonymous) (anonymous multi-column) at (5,223.81) size 750x23
6 | |
134 LayoutBlockFlow {SPAN} at (0,16) size 367x220 [color=#FFFFFF] [bgcolor=#0000
00] | |
135 LayoutText {#text} at (0,0) size 367x219 | |
136 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
137 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis lectus." | |
138 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nul
la purus, vulputate" | |
139 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vit
ae felis vel orci sagittis" | |
140 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. N
am nonummy enim." | |
141 text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
142 text run at (0,120) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
143 text run at (0,140) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
144 text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
145 text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
146 text run at (0,200) width 21: "elit." | |
147 LayoutBlockFlow (anonymous) at (0,252) size 367x220 | |
148 LayoutText {#text} at (0,0) size 367x219 | |
149 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
150 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis lectus." | |
151 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nul
la purus, vulputate" | |
152 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vit
ae felis vel orci sagittis" | |
153 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. N
am nonummy enim." | |
154 text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
155 text run at (0,120) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
156 text run at (0,140) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
157 text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
158 text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
159 text run at (0,200) width 21: "elit." | |
OLD | NEW |