| 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 762x36 | 7 LayoutText {#text} at (0,0) size 762x36 |
| 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 612: "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 311x18 | 11 LayoutText {#text} at (10,10) size 311x18 |
| 12 text run at (10,10) width 311: "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 (320,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 | |
| 16 LayoutBlockFlow (floating) {DIV} at (10,128) size 1500x100 [bgcolor=#008
000] | 15 LayoutBlockFlow (floating) {DIV} at (10,128) size 1500x100 [bgcolor=#008
000] |
| 17 LayoutText {#text} at (0,0) size 0x0 | |
| 18 LayoutBlockFlow {DIV} at (0,308) size 720x240 [border: (10px solid #000000
)] | 16 LayoutBlockFlow {DIV} at (0,308) size 720x240 [border: (10px solid #000000
)] |
| 19 LayoutText {#text} at (10,10) size 160x18 | 17 LayoutText {#text} at (10,10) size 160x18 |
| 20 text run at (10,10) width 160: "You should see blue and " | 18 text run at (10,10) width 160: "You should see blue and " |
| 21 LayoutBlockFlow (floating) {DIV} at (10,28) size 1500x100 [bgcolor=#0000
FF] | 19 LayoutBlockFlow (floating) {DIV} at (10,28) size 1500x100 [bgcolor=#0000
FF] |
| 22 LayoutText {#text} at (0,0) size 0x0 | |
| 23 LayoutBlockFlow (floating) {DIV} at (10,128) size 1500x100 [bgcolor=#008
000] | 20 LayoutBlockFlow (floating) {DIV} at (10,128) size 1500x100 [bgcolor=#008
000] |
| 24 LayoutText {#text} at (169,10) size 152x18 | 21 LayoutText {#text} at (169,10) size 152x18 |
| 25 text run at (169,10) width 152: "green rectangles below." | 22 text run at (169,10) width 152: "green rectangles below." |
| 26 LayoutBlockFlow {DIV} at (0,564) size 720x240 [border: (10px solid #000000
)] | 23 LayoutBlockFlow {DIV} at (0,564) size 720x240 [border: (10px solid #000000
)] |
| 27 LayoutBlockFlow (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000
FF] | 24 LayoutBlockFlow (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000
FF] |
| 28 LayoutBlockFlow (floating) {DIV} at (10,110) size 1500x100 [bgcolor=#008
000] | 25 LayoutBlockFlow (floating) {DIV} at (10,110) size 1500x100 [bgcolor=#008
000] |
| 29 LayoutBR {BR} at (1510,10) size 0x18 | 26 LayoutBR {BR} at (1510,10) size 0x18 |
| 30 LayoutText {#text} at (10,210) size 311x18 | 27 LayoutText {#text} at (10,210) size 311x18 |
| 31 text run at (10,210) width 311: "You should see blue and green rectang
les above." | 28 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
)] | 29 LayoutBlockFlow {DIV} at (0,820) size 720x240 [border: (10px solid #000000
)] |
| 33 LayoutBlockFlow (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000
FF] | 30 LayoutBlockFlow (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000
FF] |
| 34 LayoutBlockFlow (floating) {DIV} at (10,110) size 1500x100 [bgcolor=#008
000] | 31 LayoutBlockFlow (floating) {DIV} at (10,110) size 1500x100 [bgcolor=#008
000] |
| 35 LayoutText {#text} at (10,210) size 311x18 | 32 LayoutText {#text} at (10,210) size 311x18 |
| 36 text run at (10,210) width 311: "You should see blue and green rectang
les above." | 33 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)] | 34 LayoutBlockFlow {DIV} at (0,1076) size 720x240 [border: (10px solid #00000
0)] |
| 38 LayoutBlockFlow (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000
FF] | 35 LayoutBlockFlow (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000
FF] |
| 39 LayoutText {#text} at (10,110) size 284x18 | 36 LayoutText {#text} at (10,110) size 284x18 |
| 40 text run at (10,110) width 284: "You should see blue above and green b
elow." | 37 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] | 38 LayoutBlockFlow (floating) {DIV} at (10,128) size 1500x100 [bgcolor=#008
000] |
| 42 LayoutText {#text} at (0,0) size 0x0 | |
| 43 LayoutBlockFlow {DIV} at (0,1332) size 720x240 [border: (10px solid #00000
0)] | 39 LayoutBlockFlow {DIV} at (0,1332) size 720x240 [border: (10px solid #00000
0)] |
| 44 LayoutBlockFlow (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000
FF] | 40 LayoutBlockFlow (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000
FF] |
| 45 LayoutText {#text} at (10,110) size 284x18 | 41 LayoutText {#text} at (10,110) size 284x18 |
| 46 text run at (10,110) width 284: "You should see blue above and green b
elow." | 42 text run at (10,110) width 284: "You should see blue above and green b
elow." |
| 47 LayoutBR {BR} at (293,124) size 1x0 | 43 LayoutBR {BR} at (293,124) size 1x0 |
| 48 LayoutBlockFlow (floating) {DIV} at (10,128) size 1500x100 [bgcolor=#008
000] | 44 LayoutBlockFlow (floating) {DIV} at (10,128) size 1500x100 [bgcolor=#008
000] |
| 49 LayoutText {#text} at (0,0) size 0x0 | |
| 50 LayoutBlockFlow (anonymous) at (0,1588) size 769x18 | 45 LayoutBlockFlow (anonymous) at (0,1588) size 769x18 |
| 51 LayoutText {#text} at (0,0) size 595x18 | 46 LayoutText {#text} at (0,0) size 595x18 |
| 52 text run at (0,0) width 595: "The next examples should have blue and g
reen rectangles that snugly fit without spilling out." | 47 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)] | 48 LayoutBlockFlow {DIV} at (0,1622) size 720x240 [border: (10px solid #00000
0)] |
| 54 LayoutText {#text} at (10,10) size 311x18 | 49 LayoutText {#text} at (10,10) size 311x18 |
| 55 text run at (10,10) width 311: "You should see blue and green rectangl
es below." | 50 text run at (10,10) width 311: "You should see blue and green rectangl
es below." |
| 56 LayoutBR {BR} at (320,24) size 1x0 | 51 LayoutBR {BR} at (320,24) size 1x0 |
| 57 LayoutBlockFlow (floating) {DIV} at (10,28) size 698x100 [bgcolor=#0000F
F] | 52 LayoutBlockFlow (floating) {DIV} at (10,28) size 698x100 [bgcolor=#0000F
F] |
| 58 LayoutText {#text} at (0,0) size 0x0 | |
| 59 LayoutBlockFlow (floating) {DIV} at (10,128) size 698x100 [bgcolor=#0080
00] | 53 LayoutBlockFlow (floating) {DIV} at (10,128) size 698x100 [bgcolor=#0080
00] |
| 60 LayoutText {#text} at (0,0) size 0x0 | |
| 61 LayoutBlockFlow {DIV} at (0,1878) size 720x240 [border: (10px solid #00000
0)] | 54 LayoutBlockFlow {DIV} at (0,1878) size 720x240 [border: (10px solid #00000
0)] |
| 62 LayoutText {#text} at (10,10) size 311x18 | 55 LayoutText {#text} at (10,10) size 311x18 |
| 63 text run at (10,10) width 311: "You should see blue and green rectangl
es below." | 56 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] | 57 LayoutBlockFlow (floating) {DIV} at (10,28) size 698x100 [bgcolor=#0000F
F] |
| 65 LayoutText {#text} at (0,0) size 0x0 | |
| 66 LayoutBlockFlow (floating) {DIV} at (10,128) size 698x100 [bgcolor=#0080
00] | 58 LayoutBlockFlow (floating) {DIV} at (10,128) size 698x100 [bgcolor=#0080
00] |
| 67 LayoutText {#text} at (0,0) size 0x0 | |
| 68 LayoutBlockFlow {DIV} at (0,2134) size 720x240 [border: (10px solid #00000
0)] | 59 LayoutBlockFlow {DIV} at (0,2134) size 720x240 [border: (10px solid #00000
0)] |
| 69 LayoutBlockFlow (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000F
F] | 60 LayoutBlockFlow (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000F
F] |
| 70 LayoutBlockFlow (floating) {DIV} at (10,110) size 698x100 [bgcolor=#0080
00] | 61 LayoutBlockFlow (floating) {DIV} at (10,110) size 698x100 [bgcolor=#0080
00] |
| 71 LayoutBR {BR} at (708,10) size 0x18 | 62 LayoutBR {BR} at (708,10) size 0x18 |
| 72 LayoutText {#text} at (10,210) size 311x18 | 63 LayoutText {#text} at (10,210) size 311x18 |
| 73 text run at (10,210) width 311: "You should see blue and green rectang
les above." | 64 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)] | 65 LayoutBlockFlow {DIV} at (0,2390) size 720x240 [border: (10px solid #00000
0)] |
| 75 LayoutBlockFlow (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000F
F] | 66 LayoutBlockFlow (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000F
F] |
| 76 LayoutBlockFlow (floating) {DIV} at (10,110) size 698x100 [bgcolor=#0080
00] | 67 LayoutBlockFlow (floating) {DIV} at (10,110) size 698x100 [bgcolor=#0080
00] |
| 77 LayoutText {#text} at (10,210) size 311x18 | 68 LayoutText {#text} at (10,210) size 311x18 |
| 78 text run at (10,210) width 311: "You should see blue and green rectang
les above." | 69 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)] | 70 LayoutBlockFlow {DIV} at (0,2646) size 720x240 [border: (10px solid #00000
0)] |
| 80 LayoutBlockFlow (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000F
F] | 71 LayoutBlockFlow (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000F
F] |
| 81 LayoutText {#text} at (10,110) size 284x18 | 72 LayoutText {#text} at (10,110) size 284x18 |
| 82 text run at (10,110) width 284: "You should see blue above and green b
elow." | 73 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] | 74 LayoutBlockFlow (floating) {DIV} at (10,128) size 698x100 [bgcolor=#0080
00] |
| 84 LayoutText {#text} at (0,0) size 0x0 | |
| 85 LayoutBlockFlow {DIV} at (0,2902) size 720x240 [border: (10px solid #00000
0)] | 75 LayoutBlockFlow {DIV} at (0,2902) size 720x240 [border: (10px solid #00000
0)] |
| 86 LayoutBlockFlow (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000F
F] | 76 LayoutBlockFlow (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000F
F] |
| 87 LayoutText {#text} at (10,110) size 284x18 | 77 LayoutText {#text} at (10,110) size 284x18 |
| 88 text run at (10,110) width 284: "You should see blue above and green b
elow." | 78 text run at (10,110) width 284: "You should see blue above and green b
elow." |
| 89 LayoutBR {BR} at (293,124) size 1x0 | 79 LayoutBR {BR} at (293,124) size 1x0 |
| 90 LayoutBlockFlow (floating) {DIV} at (10,128) size 698x100 [bgcolor=#0080
00] | 80 LayoutBlockFlow (floating) {DIV} at (10,128) size 698x100 [bgcolor=#0080
00] |
| 91 LayoutText {#text} at (0,0) size 0x0 | |
| OLD | NEW |