OLD | NEW |
1 layer at (0,0) size 800x600 clip at (0,0) size 785x585 scrollWidth 1518 scrollHe
ight 3172 | 1 layer at (0,0) size 800x600 clip at (0,0) size 785x585 scrollWidth 1518 scrollHe
ight 3172 |
2 LayoutView at (0,0) size 800x600 | 2 LayoutView at (0,0) size 800x600 |
3 layer at (0,0) size 785x3172 backgroundClip at (0,0) size 785x585 clip at (0,0)
size 785x585 | 3 layer at (0,0) size 785x3172 backgroundClip at (0,0) size 785x585 clip at (0,0)
size 785x585 |
4 LayoutBlockFlow {HTML} at (0,0) size 785x3172 | 4 LayoutBlockFlow {HTML} at (0,0) size 785x3172 |
5 LayoutBlockFlow {BODY} at (8,8) size 769x3148 | 5 LayoutBlockFlow {BODY} at (8,8) size 769x3148 |
6 LayoutBlockFlow (anonymous) at (0,0) size 769x40 | 6 LayoutBlockFlow (anonymous) at (0,0) size 769x40 |
7 LayoutText {#text} at (0,0) size 741x39 | 7 LayoutText {#text} at (0,0) size 741x39 |
8 text run at (0,0) width 711: "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 711: "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 (711,0) width 30: "They" | 9 text run at (711,0) width 30: "They" |
10 text run at (0,20) width 539: "should be 100px tall and not overlap on
e another at all. They should be stacked vertically." | 10 text run at (0,20) width 538: "should be 100px tall and not overlap on
e another at all. They should be stacked vertically." |
11 LayoutBlockFlow {DIV} at (0,56) size 720x240 [border: (10px solid #000000)
] | 11 LayoutBlockFlow {DIV} at (0,56) size 720x240 [border: (10px solid #000000)
] |
12 LayoutText {#text} at (10,10) size 293x19 | 12 LayoutText {#text} at (10,10) size 292x19 |
13 text run at (10,10) width 293: "You should see blue and green rectangl
es below." | 13 text run at (10,10) width 292: "You should see blue and green rectangl
es below." |
14 LayoutBR {BR} at (302,25) size 1x0 | 14 LayoutBR {BR} at (301,25) size 1x0 |
15 LayoutBlockFlow (floating) {DIV} at (10,30) size 1500x100 [bgcolor=#0000
FF] | 15 LayoutBlockFlow (floating) {DIV} at (10,30) size 1500x100 [bgcolor=#0000
FF] |
16 LayoutText {#text} at (0,0) size 0x0 | 16 LayoutText {#text} at (0,0) size 0x0 |
17 LayoutBlockFlow (floating) {DIV} at (10,130) size 1500x100 [bgcolor=#008
000] | 17 LayoutBlockFlow (floating) {DIV} at (10,130) size 1500x100 [bgcolor=#008
000] |
18 LayoutText {#text} at (0,0) size 0x0 | 18 LayoutText {#text} at (0,0) size 0x0 |
19 LayoutBlockFlow {DIV} at (0,312) size 720x240 [border: (10px solid #000000
)] | 19 LayoutBlockFlow {DIV} at (0,312) size 720x240 [border: (10px solid #000000
)] |
20 LayoutText {#text} at (10,10) size 151x19 | 20 LayoutText {#text} at (10,10) size 151x19 |
21 text run at (10,10) width 151: "You should see blue and " | 21 text run at (10,10) width 151: "You should see blue and " |
22 LayoutBlockFlow (floating) {DIV} at (10,30) size 1500x100 [bgcolor=#0000
FF] | 22 LayoutBlockFlow (floating) {DIV} at (10,30) size 1500x100 [bgcolor=#0000
FF] |
23 LayoutText {#text} at (0,0) size 0x0 | 23 LayoutText {#text} at (0,0) size 0x0 |
24 LayoutBlockFlow (floating) {DIV} at (10,130) size 1500x100 [bgcolor=#008
000] | 24 LayoutBlockFlow (floating) {DIV} at (10,130) size 1500x100 [bgcolor=#008
000] |
25 LayoutText {#text} at (160,10) size 143x19 | 25 LayoutText {#text} at (160,10) size 142x19 |
26 text run at (160,10) width 143: "green rectangles below." | 26 text run at (160,10) width 142: "green rectangles below." |
27 LayoutBlockFlow {DIV} at (0,568) size 720x240 [border: (10px solid #000000
)] | 27 LayoutBlockFlow {DIV} at (0,568) size 720x240 [border: (10px solid #000000
)] |
28 LayoutBlockFlow (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000
FF] | 28 LayoutBlockFlow (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000
FF] |
29 LayoutBlockFlow (floating) {DIV} at (10,110) size 1500x100 [bgcolor=#008
000] | 29 LayoutBlockFlow (floating) {DIV} at (10,110) size 1500x100 [bgcolor=#008
000] |
30 LayoutBR {BR} at (1510,10) size 0x19 | 30 LayoutBR {BR} at (1510,10) size 0x19 |
31 LayoutText {#text} at (10,210) size 293x19 | 31 LayoutText {#text} at (10,210) size 293x19 |
32 text run at (10,210) width 293: "You should see blue and green rectang
les above." | 32 text run at (10,210) width 293: "You should see blue and green rectang
les above." |
33 LayoutBlockFlow {DIV} at (0,824) size 720x240 [border: (10px solid #000000
)] | 33 LayoutBlockFlow {DIV} at (0,824) size 720x240 [border: (10px solid #000000
)] |
34 LayoutBlockFlow (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000
FF] | 34 LayoutBlockFlow (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000
FF] |
35 LayoutBlockFlow (floating) {DIV} at (10,110) size 1500x100 [bgcolor=#008
000] | 35 LayoutBlockFlow (floating) {DIV} at (10,110) size 1500x100 [bgcolor=#008
000] |
36 LayoutText {#text} at (10,210) size 293x19 | 36 LayoutText {#text} at (10,210) size 293x19 |
37 text run at (10,210) width 293: "You should see blue and green rectang
les above." | 37 text run at (10,210) width 293: "You should see blue and green rectang
les above." |
38 LayoutBlockFlow {DIV} at (0,1080) size 720x240 [border: (10px solid #00000
0)] | 38 LayoutBlockFlow {DIV} at (0,1080) size 720x240 [border: (10px solid #00000
0)] |
39 LayoutBlockFlow (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000
FF] | 39 LayoutBlockFlow (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000
FF] |
40 LayoutText {#text} at (10,110) size 270x19 | 40 LayoutText {#text} at (10,110) size 269x19 |
41 text run at (10,110) width 270: "You should see blue above and green b
elow." | 41 text run at (10,110) width 269: "You should see blue above and green b
elow." |
42 LayoutBlockFlow (floating) {DIV} at (10,130) size 1500x100 [bgcolor=#008
000] | 42 LayoutBlockFlow (floating) {DIV} at (10,130) size 1500x100 [bgcolor=#008
000] |
43 LayoutText {#text} at (0,0) size 0x0 | 43 LayoutText {#text} at (0,0) size 0x0 |
44 LayoutBlockFlow {DIV} at (0,1336) size 720x240 [border: (10px solid #00000
0)] | 44 LayoutBlockFlow {DIV} at (0,1336) size 720x240 [border: (10px solid #00000
0)] |
45 LayoutBlockFlow (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000
FF] | 45 LayoutBlockFlow (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000
FF] |
46 LayoutText {#text} at (10,110) size 270x19 | 46 LayoutText {#text} at (10,110) size 269x19 |
47 text run at (10,110) width 270: "You should see blue above and green b
elow." | 47 text run at (10,110) width 269: "You should see blue above and green b
elow." |
48 LayoutBR {BR} at (279,125) size 1x0 | 48 LayoutBR {BR} at (278,125) size 1x0 |
49 LayoutBlockFlow (floating) {DIV} at (10,130) size 1500x100 [bgcolor=#008
000] | 49 LayoutBlockFlow (floating) {DIV} at (10,130) size 1500x100 [bgcolor=#008
000] |
50 LayoutText {#text} at (0,0) size 0x0 | 50 LayoutText {#text} at (0,0) size 0x0 |
51 LayoutBlockFlow (anonymous) at (0,1592) size 769x20 | 51 LayoutBlockFlow (anonymous) at (0,1592) size 769x20 |
52 LayoutText {#text} at (0,0) size 544x19 | 52 LayoutText {#text} at (0,0) size 544x19 |
53 text run at (0,0) width 544: "The next examples should have blue and g
reen rectangles that snugly fit without spilling out." | 53 text run at (0,0) width 544: "The next examples should have blue and g
reen rectangles that snugly fit without spilling out." |
54 LayoutBlockFlow {DIV} at (0,1628) size 720x240 [border: (10px solid #00000
0)] | 54 LayoutBlockFlow {DIV} at (0,1628) size 720x240 [border: (10px solid #00000
0)] |
55 LayoutText {#text} at (10,10) size 293x19 | 55 LayoutText {#text} at (10,10) size 292x19 |
56 text run at (10,10) width 293: "You should see blue and green rectangl
es below." | 56 text run at (10,10) width 292: "You should see blue and green rectangl
es below." |
57 LayoutBR {BR} at (302,25) size 1x0 | 57 LayoutBR {BR} at (301,25) size 1x0 |
58 LayoutBlockFlow (floating) {DIV} at (10,30) size 698x100 [bgcolor=#0000F
F] | 58 LayoutBlockFlow (floating) {DIV} at (10,30) size 698x100 [bgcolor=#0000F
F] |
59 LayoutText {#text} at (0,0) size 0x0 | 59 LayoutText {#text} at (0,0) size 0x0 |
60 LayoutBlockFlow (floating) {DIV} at (10,130) size 698x100 [bgcolor=#0080
00] | 60 LayoutBlockFlow (floating) {DIV} at (10,130) size 698x100 [bgcolor=#0080
00] |
61 LayoutText {#text} at (0,0) size 0x0 | 61 LayoutText {#text} at (0,0) size 0x0 |
62 LayoutBlockFlow {DIV} at (0,1884) size 720x240 [border: (10px solid #00000
0)] | 62 LayoutBlockFlow {DIV} at (0,1884) size 720x240 [border: (10px solid #00000
0)] |
63 LayoutText {#text} at (10,10) size 293x19 | 63 LayoutText {#text} at (10,10) size 292x19 |
64 text run at (10,10) width 293: "You should see blue and green rectangl
es below." | 64 text run at (10,10) width 292: "You should see blue and green rectangl
es below." |
65 LayoutBlockFlow (floating) {DIV} at (10,30) size 698x100 [bgcolor=#0000F
F] | 65 LayoutBlockFlow (floating) {DIV} at (10,30) size 698x100 [bgcolor=#0000F
F] |
66 LayoutText {#text} at (0,0) size 0x0 | 66 LayoutText {#text} at (0,0) size 0x0 |
67 LayoutBlockFlow (floating) {DIV} at (10,130) size 698x100 [bgcolor=#0080
00] | 67 LayoutBlockFlow (floating) {DIV} at (10,130) size 698x100 [bgcolor=#0080
00] |
68 LayoutText {#text} at (0,0) size 0x0 | 68 LayoutText {#text} at (0,0) size 0x0 |
69 LayoutBlockFlow {DIV} at (0,2140) size 720x240 [border: (10px solid #00000
0)] | 69 LayoutBlockFlow {DIV} at (0,2140) size 720x240 [border: (10px solid #00000
0)] |
70 LayoutBlockFlow (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000F
F] | 70 LayoutBlockFlow (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000F
F] |
71 LayoutBlockFlow (floating) {DIV} at (10,110) size 698x100 [bgcolor=#0080
00] | 71 LayoutBlockFlow (floating) {DIV} at (10,110) size 698x100 [bgcolor=#0080
00] |
72 LayoutBR {BR} at (708,10) size 0x19 | 72 LayoutBR {BR} at (708,10) size 0x19 |
73 LayoutText {#text} at (10,210) size 293x19 | 73 LayoutText {#text} at (10,210) size 293x19 |
74 text run at (10,210) width 293: "You should see blue and green rectang
les above." | 74 text run at (10,210) width 293: "You should see blue and green rectang
les above." |
75 LayoutBlockFlow {DIV} at (0,2396) size 720x240 [border: (10px solid #00000
0)] | 75 LayoutBlockFlow {DIV} at (0,2396) size 720x240 [border: (10px solid #00000
0)] |
76 LayoutBlockFlow (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000F
F] | 76 LayoutBlockFlow (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000F
F] |
77 LayoutBlockFlow (floating) {DIV} at (10,110) size 698x100 [bgcolor=#0080
00] | 77 LayoutBlockFlow (floating) {DIV} at (10,110) size 698x100 [bgcolor=#0080
00] |
78 LayoutText {#text} at (10,210) size 293x19 | 78 LayoutText {#text} at (10,210) size 293x19 |
79 text run at (10,210) width 293: "You should see blue and green rectang
les above." | 79 text run at (10,210) width 293: "You should see blue and green rectang
les above." |
80 LayoutBlockFlow {DIV} at (0,2652) size 720x240 [border: (10px solid #00000
0)] | 80 LayoutBlockFlow {DIV} at (0,2652) size 720x240 [border: (10px solid #00000
0)] |
81 LayoutBlockFlow (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000F
F] | 81 LayoutBlockFlow (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000F
F] |
82 LayoutText {#text} at (10,110) size 270x19 | 82 LayoutText {#text} at (10,110) size 269x19 |
83 text run at (10,110) width 270: "You should see blue above and green b
elow." | 83 text run at (10,110) width 269: "You should see blue above and green b
elow." |
84 LayoutBlockFlow (floating) {DIV} at (10,130) size 698x100 [bgcolor=#0080
00] | 84 LayoutBlockFlow (floating) {DIV} at (10,130) size 698x100 [bgcolor=#0080
00] |
85 LayoutText {#text} at (0,0) size 0x0 | 85 LayoutText {#text} at (0,0) size 0x0 |
86 LayoutBlockFlow {DIV} at (0,2908) size 720x240 [border: (10px solid #00000
0)] | 86 LayoutBlockFlow {DIV} at (0,2908) size 720x240 [border: (10px solid #00000
0)] |
87 LayoutBlockFlow (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000F
F] | 87 LayoutBlockFlow (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000F
F] |
88 LayoutText {#text} at (10,110) size 270x19 | 88 LayoutText {#text} at (10,110) size 269x19 |
89 text run at (10,110) width 270: "You should see blue above and green b
elow." | 89 text run at (10,110) width 269: "You should see blue above and green b
elow." |
90 LayoutBR {BR} at (279,125) size 1x0 | 90 LayoutBR {BR} at (278,125) size 1x0 |
91 LayoutBlockFlow (floating) {DIV} at (10,130) size 698x100 [bgcolor=#0080
00] | 91 LayoutBlockFlow (floating) {DIV} at (10,130) size 698x100 [bgcolor=#0080
00] |
92 LayoutText {#text} at (0,0) size 0x0 | 92 LayoutText {#text} at (0,0) size 0x0 |
OLD | NEW |