| OLD | NEW |
| 1 layer at (0,0) size 1518x3172 | 1 layer at (0,0) size 1518x3172 |
| 2 RenderView at (0,0) size 785x585 | 2 RenderView at (0,0) size 785x585 |
| 3 layer at (0,0) size 785x3172 | 3 layer at (0,0) size 785x3172 |
| 4 RenderBlock {HTML} at (0,0) size 785x3172 | 4 RenderBlock {HTML} at (0,0) size 785x3172 |
| 5 RenderBody {BODY} at (8,8) size 769x3148 | 5 RenderBody {BODY} at (8,8) size 769x3148 |
| 6 RenderBlock (anonymous) at (0,0) size 769x40 | 6 RenderBlock (anonymous) at (0,0) size 769x40 |
| 7 RenderText {#text} at (0,0) size 741x39 | 7 RenderText {#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 539: "should be 100px tall and not overlap on
e another at all. They should be stacked vertically." |
| 11 RenderBlock {DIV} at (0,56) size 720x240 [border: (10px solid #000000)] | 11 RenderBlock {DIV} at (0,56) size 720x240 [border: (10px solid #000000)] |
| 12 RenderText {#text} at (10,10) size 294x19 | 12 RenderText {#text} at (10,10) size 294x19 |
| 13 text run at (10,10) width 294: "You should see blue and green rectangl
es below." | 13 text run at (10,10) width 294: "You should see blue and green rectangl
es below." |
| 14 RenderBR {BR} at (304,25) size 0x0 | 14 LayoutBR {BR} at (304,25) size 0x0 |
| 15 RenderBlock (floating) {DIV} at (10,30) size 1500x100 [bgcolor=#0000FF] | 15 RenderBlock (floating) {DIV} at (10,30) size 1500x100 [bgcolor=#0000FF] |
| 16 RenderText {#text} at (0,0) size 0x0 | 16 RenderText {#text} at (0,0) size 0x0 |
| 17 RenderBlock (floating) {DIV} at (10,130) size 1500x100 [bgcolor=#008000] | 17 RenderBlock (floating) {DIV} at (10,130) size 1500x100 [bgcolor=#008000] |
| 18 RenderText {#text} at (0,0) size 0x0 | 18 RenderText {#text} at (0,0) size 0x0 |
| 19 RenderBlock {DIV} at (0,312) size 720x240 [border: (10px solid #000000)] | 19 RenderBlock {DIV} at (0,312) size 720x240 [border: (10px solid #000000)] |
| 20 RenderText {#text} at (10,10) size 152x19 | 20 RenderText {#text} at (10,10) size 152x19 |
| 21 text run at (10,10) width 152: "You should see blue and " | 21 text run at (10,10) width 152: "You should see blue and " |
| 22 RenderBlock (floating) {DIV} at (10,30) size 1500x100 [bgcolor=#0000FF] | 22 RenderBlock (floating) {DIV} at (10,30) size 1500x100 [bgcolor=#0000FF] |
| 23 RenderText {#text} at (0,0) size 0x0 | 23 RenderText {#text} at (0,0) size 0x0 |
| 24 RenderBlock (floating) {DIV} at (10,130) size 1500x100 [bgcolor=#008000] | 24 RenderBlock (floating) {DIV} at (10,130) size 1500x100 [bgcolor=#008000] |
| 25 RenderText {#text} at (162,10) size 142x19 | 25 RenderText {#text} at (162,10) size 142x19 |
| 26 text run at (162,10) width 142: "green rectangles below." | 26 text run at (162,10) width 142: "green rectangles below." |
| 27 RenderBlock {DIV} at (0,568) size 720x240 [border: (10px solid #000000)] | 27 RenderBlock {DIV} at (0,568) size 720x240 [border: (10px solid #000000)] |
| 28 RenderBlock (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000FF] | 28 RenderBlock (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000FF] |
| 29 RenderBlock (floating) {DIV} at (10,110) size 1500x100 [bgcolor=#008000] | 29 RenderBlock (floating) {DIV} at (10,110) size 1500x100 [bgcolor=#008000] |
| 30 RenderBR {BR} at (1510,10) size 0x19 | 30 LayoutBR {BR} at (1510,10) size 0x19 |
| 31 RenderText {#text} at (10,210) size 294x19 | 31 RenderText {#text} at (10,210) size 294x19 |
| 32 text run at (10,210) width 294: "You should see blue and green rectang
les above." | 32 text run at (10,210) width 294: "You should see blue and green rectang
les above." |
| 33 RenderBlock {DIV} at (0,824) size 720x240 [border: (10px solid #000000)] | 33 RenderBlock {DIV} at (0,824) size 720x240 [border: (10px solid #000000)] |
| 34 RenderBlock (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000FF] | 34 RenderBlock (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000FF] |
| 35 RenderBlock (floating) {DIV} at (10,110) size 1500x100 [bgcolor=#008000] | 35 RenderBlock (floating) {DIV} at (10,110) size 1500x100 [bgcolor=#008000] |
| 36 RenderText {#text} at (10,210) size 294x19 | 36 RenderText {#text} at (10,210) size 294x19 |
| 37 text run at (10,210) width 294: "You should see blue and green rectang
les above." | 37 text run at (10,210) width 294: "You should see blue and green rectang
les above." |
| 38 RenderBlock {DIV} at (0,1080) size 720x240 [border: (10px solid #000000)] | 38 RenderBlock {DIV} at (0,1080) size 720x240 [border: (10px solid #000000)] |
| 39 RenderBlock (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000FF] | 39 RenderBlock (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000FF] |
| 40 RenderText {#text} at (10,110) size 271x19 | 40 RenderText {#text} at (10,110) size 271x19 |
| 41 text run at (10,110) width 271: "You should see blue above and green b
elow." | 41 text run at (10,110) width 271: "You should see blue above and green b
elow." |
| 42 RenderBlock (floating) {DIV} at (10,130) size 1500x100 [bgcolor=#008000] | 42 RenderBlock (floating) {DIV} at (10,130) size 1500x100 [bgcolor=#008000] |
| 43 RenderText {#text} at (0,0) size 0x0 | 43 RenderText {#text} at (0,0) size 0x0 |
| 44 RenderBlock {DIV} at (0,1336) size 720x240 [border: (10px solid #000000)] | 44 RenderBlock {DIV} at (0,1336) size 720x240 [border: (10px solid #000000)] |
| 45 RenderBlock (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000FF] | 45 RenderBlock (floating) {DIV} at (10,10) size 1500x100 [bgcolor=#0000FF] |
| 46 RenderText {#text} at (10,110) size 271x19 | 46 RenderText {#text} at (10,110) size 271x19 |
| 47 text run at (10,110) width 271: "You should see blue above and green b
elow." | 47 text run at (10,110) width 271: "You should see blue above and green b
elow." |
| 48 RenderBR {BR} at (281,125) size 0x0 | 48 LayoutBR {BR} at (281,125) size 0x0 |
| 49 RenderBlock (floating) {DIV} at (10,130) size 1500x100 [bgcolor=#008000] | 49 RenderBlock (floating) {DIV} at (10,130) size 1500x100 [bgcolor=#008000] |
| 50 RenderText {#text} at (0,0) size 0x0 | 50 RenderText {#text} at (0,0) size 0x0 |
| 51 RenderBlock (anonymous) at (0,1592) size 769x20 | 51 RenderBlock (anonymous) at (0,1592) size 769x20 |
| 52 RenderText {#text} at (0,0) size 544x19 | 52 RenderText {#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 RenderBlock {DIV} at (0,1628) size 720x240 [border: (10px solid #000000)] | 54 RenderBlock {DIV} at (0,1628) size 720x240 [border: (10px solid #000000)] |
| 55 RenderText {#text} at (10,10) size 294x19 | 55 RenderText {#text} at (10,10) size 294x19 |
| 56 text run at (10,10) width 294: "You should see blue and green rectangl
es below." | 56 text run at (10,10) width 294: "You should see blue and green rectangl
es below." |
| 57 RenderBR {BR} at (304,25) size 0x0 | 57 LayoutBR {BR} at (304,25) size 0x0 |
| 58 RenderBlock (floating) {DIV} at (10,30) size 698x100 [bgcolor=#0000FF] | 58 RenderBlock (floating) {DIV} at (10,30) size 698x100 [bgcolor=#0000FF] |
| 59 RenderText {#text} at (0,0) size 0x0 | 59 RenderText {#text} at (0,0) size 0x0 |
| 60 RenderBlock (floating) {DIV} at (10,130) size 698x100 [bgcolor=#008000] | 60 RenderBlock (floating) {DIV} at (10,130) size 698x100 [bgcolor=#008000] |
| 61 RenderText {#text} at (0,0) size 0x0 | 61 RenderText {#text} at (0,0) size 0x0 |
| 62 RenderBlock {DIV} at (0,1884) size 720x240 [border: (10px solid #000000)] | 62 RenderBlock {DIV} at (0,1884) size 720x240 [border: (10px solid #000000)] |
| 63 RenderText {#text} at (10,10) size 294x19 | 63 RenderText {#text} at (10,10) size 294x19 |
| 64 text run at (10,10) width 294: "You should see blue and green rectangl
es below." | 64 text run at (10,10) width 294: "You should see blue and green rectangl
es below." |
| 65 RenderBlock (floating) {DIV} at (10,30) size 698x100 [bgcolor=#0000FF] | 65 RenderBlock (floating) {DIV} at (10,30) size 698x100 [bgcolor=#0000FF] |
| 66 RenderText {#text} at (0,0) size 0x0 | 66 RenderText {#text} at (0,0) size 0x0 |
| 67 RenderBlock (floating) {DIV} at (10,130) size 698x100 [bgcolor=#008000] | 67 RenderBlock (floating) {DIV} at (10,130) size 698x100 [bgcolor=#008000] |
| 68 RenderText {#text} at (0,0) size 0x0 | 68 RenderText {#text} at (0,0) size 0x0 |
| 69 RenderBlock {DIV} at (0,2140) size 720x240 [border: (10px solid #000000)] | 69 RenderBlock {DIV} at (0,2140) size 720x240 [border: (10px solid #000000)] |
| 70 RenderBlock (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000FF] | 70 RenderBlock (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000FF] |
| 71 RenderBlock (floating) {DIV} at (10,110) size 698x100 [bgcolor=#008000] | 71 RenderBlock (floating) {DIV} at (10,110) size 698x100 [bgcolor=#008000] |
| 72 RenderBR {BR} at (708,10) size 0x19 | 72 LayoutBR {BR} at (708,10) size 0x19 |
| 73 RenderText {#text} at (10,210) size 294x19 | 73 RenderText {#text} at (10,210) size 294x19 |
| 74 text run at (10,210) width 294: "You should see blue and green rectang
les above." | 74 text run at (10,210) width 294: "You should see blue and green rectang
les above." |
| 75 RenderBlock {DIV} at (0,2396) size 720x240 [border: (10px solid #000000)] | 75 RenderBlock {DIV} at (0,2396) size 720x240 [border: (10px solid #000000)] |
| 76 RenderBlock (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000FF] | 76 RenderBlock (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000FF] |
| 77 RenderBlock (floating) {DIV} at (10,110) size 698x100 [bgcolor=#008000] | 77 RenderBlock (floating) {DIV} at (10,110) size 698x100 [bgcolor=#008000] |
| 78 RenderText {#text} at (10,210) size 294x19 | 78 RenderText {#text} at (10,210) size 294x19 |
| 79 text run at (10,210) width 294: "You should see blue and green rectang
les above." | 79 text run at (10,210) width 294: "You should see blue and green rectang
les above." |
| 80 RenderBlock {DIV} at (0,2652) size 720x240 [border: (10px solid #000000)] | 80 RenderBlock {DIV} at (0,2652) size 720x240 [border: (10px solid #000000)] |
| 81 RenderBlock (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000FF] | 81 RenderBlock (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000FF] |
| 82 RenderText {#text} at (10,110) size 271x19 | 82 RenderText {#text} at (10,110) size 271x19 |
| 83 text run at (10,110) width 271: "You should see blue above and green b
elow." | 83 text run at (10,110) width 271: "You should see blue above and green b
elow." |
| 84 RenderBlock (floating) {DIV} at (10,130) size 698x100 [bgcolor=#008000] | 84 RenderBlock (floating) {DIV} at (10,130) size 698x100 [bgcolor=#008000] |
| 85 RenderText {#text} at (0,0) size 0x0 | 85 RenderText {#text} at (0,0) size 0x0 |
| 86 RenderBlock {DIV} at (0,2908) size 720x240 [border: (10px solid #000000)] | 86 RenderBlock {DIV} at (0,2908) size 720x240 [border: (10px solid #000000)] |
| 87 RenderBlock (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000FF] | 87 RenderBlock (floating) {DIV} at (10,10) size 698x100 [bgcolor=#0000FF] |
| 88 RenderText {#text} at (10,110) size 271x19 | 88 RenderText {#text} at (10,110) size 271x19 |
| 89 text run at (10,110) width 271: "You should see blue above and green b
elow." | 89 text run at (10,110) width 271: "You should see blue above and green b
elow." |
| 90 RenderBR {BR} at (281,125) size 0x0 | 90 LayoutBR {BR} at (281,125) size 0x0 |
| 91 RenderBlock (floating) {DIV} at (10,130) size 698x100 [bgcolor=#008000] | 91 RenderBlock (floating) {DIV} at (10,130) size 698x100 [bgcolor=#008000] |
| 92 RenderText {#text} at (0,0) size 0x0 | 92 RenderText {#text} at (0,0) size 0x0 |
| OLD | NEW |