| 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 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
| 3 layer at (0,0) size 785x3166 backgroundClip at (0,0) size 785x585 clip at (0,0)
size 785x585 outlineClip at (0,0) size 785x585 | 3 layer at (0,0) size 785x3166 backgroundClip at (0,0) size 785x585 clip at (0,0)
size 785x585 outlineClip at (0,0) size 785x585 |
| 4 RenderBlock {HTML} at (0,0) size 785x3166 | 4 RenderBlock {HTML} at (0,0) size 785x3166 |
| 5 RenderBody {BODY} at (8,8) size 769x3142 | 5 RenderBody {BODY} at (8,8) size 769x3142 |
| 6 RenderBlock (anonymous) at (0,0) size 769x36 | 6 RenderBlock (anonymous) at (0,0) size 769x36 |
| 7 RenderText {#text} at (0,0) size 762x36 | 7 RenderText {#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 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 613: "They should be 100px tall and not overl
ap one another at all. They should be stacked vertically." |
| 10 RenderBlock {DIV} at (0,52) size 720x240 [border: (10px solid #000000)] | 10 RenderBlock {DIV} at (0,52) size 720x240 [border: (10px solid #000000)] |
| 11 RenderText {#text} at (10,10) size 313x18 | 11 RenderText {#text} at (10,10) size 313x18 |
| 12 text run at (10,10) width 313: "You should see blue and green rectangl
es below." | 12 text run at (10,10) width 313: "You should see blue and green rectangl
es below." |
| 13 RenderBR {BR} at (322,24) size 1x0 | 13 LayoutBR {BR} at (322,24) size 1x0 |
| 14 RenderBlock (floating) {DIV} at (10,28) size 1500x100 [bgcolor=#0000FF] | 14 RenderBlock (floating) {DIV} at (10,28) size 1500x100 [bgcolor=#0000FF] |
| 15 RenderText {#text} at (0,0) size 0x0 | 15 RenderText {#text} at (0,0) size 0x0 |
| 16 RenderBlock (floating) {DIV} at (10,128) size 1500x100 [bgcolor=#008000] | 16 RenderBlock (floating) {DIV} at (10,128) size 1500x100 [bgcolor=#008000] |
| 17 RenderText {#text} at (0,0) size 0x0 | 17 RenderText {#text} at (0,0) size 0x0 |
| 18 RenderBlock {DIV} at (0,308) size 720x240 [border: (10px solid #000000)] | 18 RenderBlock {DIV} at (0,308) size 720x240 [border: (10px solid #000000)] |
| 19 RenderText {#text} at (10,10) size 162x18 | 19 RenderText {#text} at (10,10) size 162x18 |
| 20 text run at (10,10) width 162: "You should see blue and " | 20 text run at (10,10) width 162: "You should see blue and " |
| 21 RenderBlock (floating) {DIV} at (10,28) size 1500x100 [bgcolor=#0000FF] | 21 RenderBlock (floating) {DIV} at (10,28) size 1500x100 [bgcolor=#0000FF] |
| 22 RenderText {#text} at (0,0) size 0x0 | 22 RenderText {#text} at (0,0) size 0x0 |
| 23 RenderBlock (floating) {DIV} at (10,128) size 1500x100 [bgcolor=#008000] | 23 RenderBlock (floating) {DIV} at (10,128) size 1500x100 [bgcolor=#008000] |
| 24 RenderText {#text} at (171,10) size 152x18 | 24 RenderText {#text} at (171,10) size 152x18 |
| 25 text run at (171,10) width 152: "green rectangles below." | 25 text run at (171,10) width 152: "green rectangles below." |
| 26 RenderBlock {DIV} at (0,564) size 720x240 [border: (10px solid #000000)] | 26 RenderBlock {DIV} at (0,564) size 720x240 [border: (10px solid #000000)] |
| 27 RenderBlock (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000FF] | 27 RenderBlock (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000FF] |
| 28 RenderBlock (floating) {DIV} at (10,110) size 1500x100 [bgcolor=#008000] | 28 RenderBlock (floating) {DIV} at (10,110) size 1500x100 [bgcolor=#008000] |
| 29 RenderBR {BR} at (1510,10) size 0x18 | 29 LayoutBR {BR} at (1510,10) size 0x18 |
| 30 RenderText {#text} at (10,210) size 312x18 | 30 RenderText {#text} at (10,210) size 312x18 |
| 31 text run at (10,210) width 312: "You should see blue and green rectang
les above." | 31 text run at (10,210) width 312: "You should see blue and green rectang
les above." |
| 32 RenderBlock {DIV} at (0,820) size 720x240 [border: (10px solid #000000)] | 32 RenderBlock {DIV} at (0,820) size 720x240 [border: (10px solid #000000)] |
| 33 RenderBlock (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000FF] | 33 RenderBlock (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000FF] |
| 34 RenderBlock (floating) {DIV} at (10,110) size 1500x100 [bgcolor=#008000] | 34 RenderBlock (floating) {DIV} at (10,110) size 1500x100 [bgcolor=#008000] |
| 35 RenderText {#text} at (10,210) size 312x18 | 35 RenderText {#text} at (10,210) size 312x18 |
| 36 text run at (10,210) width 312: "You should see blue and green rectang
les above." | 36 text run at (10,210) width 312: "You should see blue and green rectang
les above." |
| 37 RenderBlock {DIV} at (0,1076) size 720x240 [border: (10px solid #000000)] | 37 RenderBlock {DIV} at (0,1076) size 720x240 [border: (10px solid #000000)] |
| 38 RenderBlock (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000FF] | 38 RenderBlock (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000FF] |
| 39 RenderText {#text} at (10,110) size 287x18 | 39 RenderText {#text} at (10,110) size 287x18 |
| 40 text run at (10,110) width 287: "You should see blue above and green b
elow." | 40 text run at (10,110) width 287: "You should see blue above and green b
elow." |
| 41 RenderBlock (floating) {DIV} at (10,128) size 1500x100 [bgcolor=#008000] | 41 RenderBlock (floating) {DIV} at (10,128) size 1500x100 [bgcolor=#008000] |
| 42 RenderText {#text} at (0,0) size 0x0 | 42 RenderText {#text} at (0,0) size 0x0 |
| 43 RenderBlock {DIV} at (0,1332) size 720x240 [border: (10px solid #000000)] | 43 RenderBlock {DIV} at (0,1332) size 720x240 [border: (10px solid #000000)] |
| 44 RenderBlock (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000FF] | 44 RenderBlock (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000FF] |
| 45 RenderText {#text} at (10,110) size 287x18 | 45 RenderText {#text} at (10,110) size 287x18 |
| 46 text run at (10,110) width 287: "You should see blue above and green b
elow." | 46 text run at (10,110) width 287: "You should see blue above and green b
elow." |
| 47 RenderBR {BR} at (296,124) size 1x0 | 47 LayoutBR {BR} at (296,124) size 1x0 |
| 48 RenderBlock (floating) {DIV} at (10,128) size 1500x100 [bgcolor=#008000] | 48 RenderBlock (floating) {DIV} at (10,128) size 1500x100 [bgcolor=#008000] |
| 49 RenderText {#text} at (0,0) size 0x0 | 49 RenderText {#text} at (0,0) size 0x0 |
| 50 RenderBlock (anonymous) at (0,1588) size 769x18 | 50 RenderBlock (anonymous) at (0,1588) size 769x18 |
| 51 RenderText {#text} at (0,0) size 595x18 | 51 RenderText {#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." | 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 RenderBlock {DIV} at (0,1622) size 720x240 [border: (10px solid #000000)] | 53 RenderBlock {DIV} at (0,1622) size 720x240 [border: (10px solid #000000)] |
| 54 RenderText {#text} at (10,10) size 313x18 | 54 RenderText {#text} at (10,10) size 313x18 |
| 55 text run at (10,10) width 313: "You should see blue and green rectangl
es below." | 55 text run at (10,10) width 313: "You should see blue and green rectangl
es below." |
| 56 RenderBR {BR} at (322,24) size 1x0 | 56 LayoutBR {BR} at (322,24) size 1x0 |
| 57 RenderBlock (floating) {DIV} at (10,28) size 698x100 [bgcolor=#0000FF] | 57 RenderBlock (floating) {DIV} at (10,28) size 698x100 [bgcolor=#0000FF] |
| 58 RenderText {#text} at (0,0) size 0x0 | 58 RenderText {#text} at (0,0) size 0x0 |
| 59 RenderBlock (floating) {DIV} at (10,128) size 698x100 [bgcolor=#008000] | 59 RenderBlock (floating) {DIV} at (10,128) size 698x100 [bgcolor=#008000] |
| 60 RenderText {#text} at (0,0) size 0x0 | 60 RenderText {#text} at (0,0) size 0x0 |
| 61 RenderBlock {DIV} at (0,1878) size 720x240 [border: (10px solid #000000)] | 61 RenderBlock {DIV} at (0,1878) size 720x240 [border: (10px solid #000000)] |
| 62 RenderText {#text} at (10,10) size 313x18 | 62 RenderText {#text} at (10,10) size 313x18 |
| 63 text run at (10,10) width 313: "You should see blue and green rectangl
es below." | 63 text run at (10,10) width 313: "You should see blue and green rectangl
es below." |
| 64 RenderBlock (floating) {DIV} at (10,28) size 698x100 [bgcolor=#0000FF] | 64 RenderBlock (floating) {DIV} at (10,28) size 698x100 [bgcolor=#0000FF] |
| 65 RenderText {#text} at (0,0) size 0x0 | 65 RenderText {#text} at (0,0) size 0x0 |
| 66 RenderBlock (floating) {DIV} at (10,128) size 698x100 [bgcolor=#008000] | 66 RenderBlock (floating) {DIV} at (10,128) size 698x100 [bgcolor=#008000] |
| 67 RenderText {#text} at (0,0) size 0x0 | 67 RenderText {#text} at (0,0) size 0x0 |
| 68 RenderBlock {DIV} at (0,2134) size 720x240 [border: (10px solid #000000)] | 68 RenderBlock {DIV} at (0,2134) size 720x240 [border: (10px solid #000000)] |
| 69 RenderBlock (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000FF] | 69 RenderBlock (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000FF] |
| 70 RenderBlock (floating) {DIV} at (10,110) size 698x100 [bgcolor=#008000] | 70 RenderBlock (floating) {DIV} at (10,110) size 698x100 [bgcolor=#008000] |
| 71 RenderBR {BR} at (708,10) size 0x18 | 71 LayoutBR {BR} at (708,10) size 0x18 |
| 72 RenderText {#text} at (10,210) size 312x18 | 72 RenderText {#text} at (10,210) size 312x18 |
| 73 text run at (10,210) width 312: "You should see blue and green rectang
les above." | 73 text run at (10,210) width 312: "You should see blue and green rectang
les above." |
| 74 RenderBlock {DIV} at (0,2390) size 720x240 [border: (10px solid #000000)] | 74 RenderBlock {DIV} at (0,2390) size 720x240 [border: (10px solid #000000)] |
| 75 RenderBlock (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000FF] | 75 RenderBlock (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000FF] |
| 76 RenderBlock (floating) {DIV} at (10,110) size 698x100 [bgcolor=#008000] | 76 RenderBlock (floating) {DIV} at (10,110) size 698x100 [bgcolor=#008000] |
| 77 RenderText {#text} at (10,210) size 312x18 | 77 RenderText {#text} at (10,210) size 312x18 |
| 78 text run at (10,210) width 312: "You should see blue and green rectang
les above." | 78 text run at (10,210) width 312: "You should see blue and green rectang
les above." |
| 79 RenderBlock {DIV} at (0,2646) size 720x240 [border: (10px solid #000000)] | 79 RenderBlock {DIV} at (0,2646) size 720x240 [border: (10px solid #000000)] |
| 80 RenderBlock (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000FF] | 80 RenderBlock (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000FF] |
| 81 RenderText {#text} at (10,110) size 287x18 | 81 RenderText {#text} at (10,110) size 287x18 |
| 82 text run at (10,110) width 287: "You should see blue above and green b
elow." | 82 text run at (10,110) width 287: "You should see blue above and green b
elow." |
| 83 RenderBlock (floating) {DIV} at (10,128) size 698x100 [bgcolor=#008000] | 83 RenderBlock (floating) {DIV} at (10,128) size 698x100 [bgcolor=#008000] |
| 84 RenderText {#text} at (0,0) size 0x0 | 84 RenderText {#text} at (0,0) size 0x0 |
| 85 RenderBlock {DIV} at (0,2902) size 720x240 [border: (10px solid #000000)] | 85 RenderBlock {DIV} at (0,2902) size 720x240 [border: (10px solid #000000)] |
| 86 RenderBlock (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000FF] | 86 RenderBlock (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000FF] |
| 87 RenderText {#text} at (10,110) size 287x18 | 87 RenderText {#text} at (10,110) size 287x18 |
| 88 text run at (10,110) width 287: "You should see blue above and green b
elow." | 88 text run at (10,110) width 287: "You should see blue above and green b
elow." |
| 89 RenderBR {BR} at (296,124) size 1x0 | 89 LayoutBR {BR} at (296,124) size 1x0 |
| 90 RenderBlock (floating) {DIV} at (10,128) size 698x100 [bgcolor=#008000] | 90 RenderBlock (floating) {DIV} at (10,128) size 698x100 [bgcolor=#008000] |
| 91 RenderText {#text} at (0,0) size 0x0 | 91 RenderText {#text} at (0,0) size 0x0 |
| OLD | NEW |