OLD | NEW |
1 layer at (0,0) size 800x600 clip at (0,0) size 785x585 scrollWidth 1518 scrollHe
ight 3166 | 1 layer at (0,0) size 800x600 clip at (0,0) size 785x585 scrollWidth 1518 scrollHe
ight 3166 |
2 LayoutView at (0,0) size 800x600 | 2 LayoutView at (0,0) size 800x600 |
3 layer at (0,0) size 785x3166 backgroundClip at (0,0) size 785x585 clip at (0,0)
size 785x585 | 3 layer at (0,0) size 785x3166 backgroundClip at (0,0) size 785x585 clip at (0,0)
size 785x585 |
4 LayoutBlockFlow {HTML} at (0,0) size 785x3166 | 4 LayoutBlockFlow {HTML} at (0,0) size 785x3166 |
5 LayoutBlockFlow {BODY} at (8,8) size 769x3142 | 5 LayoutBlockFlow {BODY} at (8,8) size 769x3142 |
6 LayoutBlockFlow (anonymous) at (0,0) size 769x36 | 6 LayoutBlockFlow (anonymous) at (0,0) size 769x36 |
7 LayoutText {#text} at (0,0) size 762x35 | 7 LayoutText {#text} at (0,0) size 762x35 |
8 text run at (0,0) width 762: "In all of the examples, you should be ab
le to see blue and green rectangles that spill way out of their containing block
s." | 8 text run at (0,0) width 762: "In all of the examples, you should be ab
le to see blue and green rectangles that spill way out of their containing block
s." |
9 text run at (0,18) width 613: "They should be 100px tall and not overl
ap one another at all. They should be stacked vertically." | 9 text run at (0,18) width 612: "They should be 100px tall and not overl
ap one another at all. They should be stacked vertically." |
10 LayoutBlockFlow {DIV} at (0,52) size 720x240 [border: (10px solid #000000)
] | 10 LayoutBlockFlow {DIV} at (0,52) size 720x240 [border: (10px solid #000000)
] |
11 LayoutText {#text} at (10,10) size 312x17 | 11 LayoutText {#text} at (10,10) size 311x17 |
12 text run at (10,10) width 312: "You should see blue and green rectangl
es below." | 12 text run at (10,10) width 311: "You should see blue and green rectangl
es below." |
13 LayoutBR {BR} at (321,24) size 1x0 | 13 LayoutBR {BR} at (320,24) size 1x0 |
14 LayoutBlockFlow (floating) {DIV} at (10,28) size 1500x100 [bgcolor=#0000
FF] | 14 LayoutBlockFlow (floating) {DIV} at (10,28) size 1500x100 [bgcolor=#0000
FF] |
15 LayoutText {#text} at (0,0) size 0x0 | 15 LayoutText {#text} at (0,0) size 0x0 |
16 LayoutBlockFlow (floating) {DIV} at (10,128) size 1500x100 [bgcolor=#008
000] | 16 LayoutBlockFlow (floating) {DIV} at (10,128) size 1500x100 [bgcolor=#008
000] |
17 LayoutText {#text} at (0,0) size 0x0 | 17 LayoutText {#text} at (0,0) size 0x0 |
18 LayoutBlockFlow {DIV} at (0,308) size 720x240 [border: (10px solid #000000
)] | 18 LayoutBlockFlow {DIV} at (0,308) size 720x240 [border: (10px solid #000000
)] |
19 LayoutText {#text} at (10,10) size 160x17 | 19 LayoutText {#text} at (10,10) size 160x17 |
20 text run at (10,10) width 160: "You should see blue and " | 20 text run at (10,10) width 160: "You should see blue and " |
21 LayoutBlockFlow (floating) {DIV} at (10,28) size 1500x100 [bgcolor=#0000
FF] | 21 LayoutBlockFlow (floating) {DIV} at (10,28) size 1500x100 [bgcolor=#0000
FF] |
22 LayoutText {#text} at (0,0) size 0x0 | 22 LayoutText {#text} at (0,0) size 0x0 |
23 LayoutBlockFlow (floating) {DIV} at (10,128) size 1500x100 [bgcolor=#008
000] | 23 LayoutBlockFlow (floating) {DIV} at (10,128) size 1500x100 [bgcolor=#008
000] |
24 LayoutText {#text} at (169,10) size 153x17 | 24 LayoutText {#text} at (169,10) size 152x17 |
25 text run at (169,10) width 153: "green rectangles below." | 25 text run at (169,10) width 152: "green rectangles below." |
26 LayoutBlockFlow {DIV} at (0,564) size 720x240 [border: (10px solid #000000
)] | 26 LayoutBlockFlow {DIV} at (0,564) size 720x240 [border: (10px solid #000000
)] |
27 LayoutBlockFlow (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000
FF] | 27 LayoutBlockFlow (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000
FF] |
28 LayoutBlockFlow (floating) {DIV} at (10,110) size 1500x100 [bgcolor=#008
000] | 28 LayoutBlockFlow (floating) {DIV} at (10,110) size 1500x100 [bgcolor=#008
000] |
29 LayoutBR {BR} at (1510,10) size 0x17 | 29 LayoutBR {BR} at (1510,10) size 0x17 |
30 LayoutText {#text} at (10,210) size 311x17 | 30 LayoutText {#text} at (10,210) size 311x17 |
31 text run at (10,210) width 311: "You should see blue and green rectang
les above." | 31 text run at (10,210) width 311: "You should see blue and green rectang
les above." |
32 LayoutBlockFlow {DIV} at (0,820) size 720x240 [border: (10px solid #000000
)] | 32 LayoutBlockFlow {DIV} at (0,820) size 720x240 [border: (10px solid #000000
)] |
33 LayoutBlockFlow (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000
FF] | 33 LayoutBlockFlow (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000
FF] |
34 LayoutBlockFlow (floating) {DIV} at (10,110) size 1500x100 [bgcolor=#008
000] | 34 LayoutBlockFlow (floating) {DIV} at (10,110) size 1500x100 [bgcolor=#008
000] |
35 LayoutText {#text} at (10,210) size 311x17 | 35 LayoutText {#text} at (10,210) size 311x17 |
36 text run at (10,210) width 311: "You should see blue and green rectang
les above." | 36 text run at (10,210) width 311: "You should see blue and green rectang
les above." |
37 LayoutBlockFlow {DIV} at (0,1076) size 720x240 [border: (10px solid #00000
0)] | 37 LayoutBlockFlow {DIV} at (0,1076) size 720x240 [border: (10px solid #00000
0)] |
38 LayoutBlockFlow (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000
FF] | 38 LayoutBlockFlow (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000
FF] |
39 LayoutText {#text} at (10,110) size 285x17 | 39 LayoutText {#text} at (10,110) size 284x17 |
40 text run at (10,110) width 285: "You should see blue above and green b
elow." | 40 text run at (10,110) width 284: "You should see blue above and green b
elow." |
41 LayoutBlockFlow (floating) {DIV} at (10,128) size 1500x100 [bgcolor=#008
000] | 41 LayoutBlockFlow (floating) {DIV} at (10,128) size 1500x100 [bgcolor=#008
000] |
42 LayoutText {#text} at (0,0) size 0x0 | 42 LayoutText {#text} at (0,0) size 0x0 |
43 LayoutBlockFlow {DIV} at (0,1332) size 720x240 [border: (10px solid #00000
0)] | 43 LayoutBlockFlow {DIV} at (0,1332) size 720x240 [border: (10px solid #00000
0)] |
44 LayoutBlockFlow (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000
FF] | 44 LayoutBlockFlow (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000
FF] |
45 LayoutText {#text} at (10,110) size 285x17 | 45 LayoutText {#text} at (10,110) size 284x17 |
46 text run at (10,110) width 285: "You should see blue above and green b
elow." | 46 text run at (10,110) width 284: "You should see blue above and green b
elow." |
47 LayoutBR {BR} at (294,124) size 1x0 | 47 LayoutBR {BR} at (293,124) size 1x0 |
48 LayoutBlockFlow (floating) {DIV} at (10,128) size 1500x100 [bgcolor=#008
000] | 48 LayoutBlockFlow (floating) {DIV} at (10,128) size 1500x100 [bgcolor=#008
000] |
49 LayoutText {#text} at (0,0) size 0x0 | 49 LayoutText {#text} at (0,0) size 0x0 |
50 LayoutBlockFlow (anonymous) at (0,1588) size 769x18 | 50 LayoutBlockFlow (anonymous) at (0,1588) size 769x18 |
51 LayoutText {#text} at (0,0) size 595x17 | 51 LayoutText {#text} at (0,0) size 595x17 |
52 text run at (0,0) width 595: "The next examples should have blue and g
reen rectangles that snugly fit without spilling out." | 52 text run at (0,0) width 595: "The next examples should have blue and g
reen rectangles that snugly fit without spilling out." |
53 LayoutBlockFlow {DIV} at (0,1622) size 720x240 [border: (10px solid #00000
0)] | 53 LayoutBlockFlow {DIV} at (0,1622) size 720x240 [border: (10px solid #00000
0)] |
54 LayoutText {#text} at (10,10) size 312x17 | 54 LayoutText {#text} at (10,10) size 311x17 |
55 text run at (10,10) width 312: "You should see blue and green rectangl
es below." | 55 text run at (10,10) width 311: "You should see blue and green rectangl
es below." |
56 LayoutBR {BR} at (321,24) size 1x0 | 56 LayoutBR {BR} at (320,24) size 1x0 |
57 LayoutBlockFlow (floating) {DIV} at (10,28) size 698x100 [bgcolor=#0000F
F] | 57 LayoutBlockFlow (floating) {DIV} at (10,28) size 698x100 [bgcolor=#0000F
F] |
58 LayoutText {#text} at (0,0) size 0x0 | 58 LayoutText {#text} at (0,0) size 0x0 |
59 LayoutBlockFlow (floating) {DIV} at (10,128) size 698x100 [bgcolor=#0080
00] | 59 LayoutBlockFlow (floating) {DIV} at (10,128) size 698x100 [bgcolor=#0080
00] |
60 LayoutText {#text} at (0,0) size 0x0 | 60 LayoutText {#text} at (0,0) size 0x0 |
61 LayoutBlockFlow {DIV} at (0,1878) size 720x240 [border: (10px solid #00000
0)] | 61 LayoutBlockFlow {DIV} at (0,1878) size 720x240 [border: (10px solid #00000
0)] |
62 LayoutText {#text} at (10,10) size 312x17 | 62 LayoutText {#text} at (10,10) size 311x17 |
63 text run at (10,10) width 312: "You should see blue and green rectangl
es below." | 63 text run at (10,10) width 311: "You should see blue and green rectangl
es below." |
64 LayoutBlockFlow (floating) {DIV} at (10,28) size 698x100 [bgcolor=#0000F
F] | 64 LayoutBlockFlow (floating) {DIV} at (10,28) size 698x100 [bgcolor=#0000F
F] |
65 LayoutText {#text} at (0,0) size 0x0 | 65 LayoutText {#text} at (0,0) size 0x0 |
66 LayoutBlockFlow (floating) {DIV} at (10,128) size 698x100 [bgcolor=#0080
00] | 66 LayoutBlockFlow (floating) {DIV} at (10,128) size 698x100 [bgcolor=#0080
00] |
67 LayoutText {#text} at (0,0) size 0x0 | 67 LayoutText {#text} at (0,0) size 0x0 |
68 LayoutBlockFlow {DIV} at (0,2134) size 720x240 [border: (10px solid #00000
0)] | 68 LayoutBlockFlow {DIV} at (0,2134) size 720x240 [border: (10px solid #00000
0)] |
69 LayoutBlockFlow (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000F
F] | 69 LayoutBlockFlow (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000F
F] |
70 LayoutBlockFlow (floating) {DIV} at (10,110) size 698x100 [bgcolor=#0080
00] | 70 LayoutBlockFlow (floating) {DIV} at (10,110) size 698x100 [bgcolor=#0080
00] |
71 LayoutBR {BR} at (708,10) size 0x17 | 71 LayoutBR {BR} at (708,10) size 0x17 |
72 LayoutText {#text} at (10,210) size 311x17 | 72 LayoutText {#text} at (10,210) size 311x17 |
73 text run at (10,210) width 311: "You should see blue and green rectang
les above." | 73 text run at (10,210) width 311: "You should see blue and green rectang
les above." |
74 LayoutBlockFlow {DIV} at (0,2390) size 720x240 [border: (10px solid #00000
0)] | 74 LayoutBlockFlow {DIV} at (0,2390) size 720x240 [border: (10px solid #00000
0)] |
75 LayoutBlockFlow (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000F
F] | 75 LayoutBlockFlow (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000F
F] |
76 LayoutBlockFlow (floating) {DIV} at (10,110) size 698x100 [bgcolor=#0080
00] | 76 LayoutBlockFlow (floating) {DIV} at (10,110) size 698x100 [bgcolor=#0080
00] |
77 LayoutText {#text} at (10,210) size 311x17 | 77 LayoutText {#text} at (10,210) size 311x17 |
78 text run at (10,210) width 311: "You should see blue and green rectang
les above." | 78 text run at (10,210) width 311: "You should see blue and green rectang
les above." |
79 LayoutBlockFlow {DIV} at (0,2646) size 720x240 [border: (10px solid #00000
0)] | 79 LayoutBlockFlow {DIV} at (0,2646) size 720x240 [border: (10px solid #00000
0)] |
80 LayoutBlockFlow (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000F
F] | 80 LayoutBlockFlow (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000F
F] |
81 LayoutText {#text} at (10,110) size 285x17 | 81 LayoutText {#text} at (10,110) size 284x17 |
82 text run at (10,110) width 285: "You should see blue above and green b
elow." | 82 text run at (10,110) width 284: "You should see blue above and green b
elow." |
83 LayoutBlockFlow (floating) {DIV} at (10,128) size 698x100 [bgcolor=#0080
00] | 83 LayoutBlockFlow (floating) {DIV} at (10,128) size 698x100 [bgcolor=#0080
00] |
84 LayoutText {#text} at (0,0) size 0x0 | 84 LayoutText {#text} at (0,0) size 0x0 |
85 LayoutBlockFlow {DIV} at (0,2902) size 720x240 [border: (10px solid #00000
0)] | 85 LayoutBlockFlow {DIV} at (0,2902) size 720x240 [border: (10px solid #00000
0)] |
86 LayoutBlockFlow (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000F
F] | 86 LayoutBlockFlow (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000F
F] |
87 LayoutText {#text} at (10,110) size 285x17 | 87 LayoutText {#text} at (10,110) size 284x17 |
88 text run at (10,110) width 285: "You should see blue above and green b
elow." | 88 text run at (10,110) width 284: "You should see blue above and green b
elow." |
89 LayoutBR {BR} at (294,124) size 1x0 | 89 LayoutBR {BR} at (293,124) size 1x0 |
90 LayoutBlockFlow (floating) {DIV} at (10,128) size 698x100 [bgcolor=#0080
00] | 90 LayoutBlockFlow (floating) {DIV} at (10,128) size 698x100 [bgcolor=#0080
00] |
91 LayoutText {#text} at (0,0) size 0x0 | 91 LayoutText {#text} at (0,0) size 0x0 |
OLD | NEW |