| OLD | NEW |
| 1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
| 2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
| 3 layer at (0,0) size 800x600 | 3 layer at (0,0) size 800x600 |
| 4 RenderBlock {HTML} at (0,0) size 800x600 | 4 RenderBlock {HTML} at (0,0) size 800x600 |
| 5 RenderBody {BODY} at (8,8) size 784x584 | 5 RenderBody {BODY} at (8,8) size 784x584 |
| 6 RenderBlock {P} at (0,0) size 784x18 | 6 RenderBlock {P} at (0,0) size 784x18 |
| 7 RenderText {#text} at (0,0) size 153x18 | 7 RenderText {#text} at (0,0) size 153x18 |
| 8 text run at (0,0) width 153: "Test controls placement." | 8 text run at (0,0) width 153: "Test controls placement." |
| 9 RenderBlock (anonymous) at (0,34) size 784x114 | 9 RenderBlock (anonymous) at (0,34) size 784x114 |
| 10 RenderMedia {AUDIO} at (0,0) size 300x30 [bgcolor=#0000FF] | 10 RenderMedia {AUDIO} at (0,0) size 300x30 [bgcolor=#0000FF] |
| 11 RenderBR {BR} at (300,30) size 0x0 | 11 RenderBR {BR} at (300,30) size 0x0 |
| 12 RenderBR {BR} at (0,30) size 0x18 | 12 RenderBR {BR} at (0,30) size 0x18 |
| 13 RenderMedia {AUDIO} at (0,48) size 320x30 [bgcolor=#0000FF] | 13 RenderMedia {AUDIO} at (0,48) size 320x30 [bgcolor=#0000FF] |
| 14 RenderBR {BR} at (320,78) size 0x0 | 14 RenderBR {BR} at (320,78) size 0x0 |
| 15 RenderBR {BR} at (0,78) size 0x18 | 15 RenderBR {BR} at (0,78) size 0x18 |
| 16 RenderBR {BR} at (0,96) size 0x18 | 16 RenderBR {BR} at (0,96) size 0x18 |
| 17 layer at (8,42) size 300x30 | 17 layer at (8,42) size 300x30 |
| 18 RenderFlexibleBox {DIV} at (0,0) size 300x30 | 18 RenderFlexibleBox {DIV} at (0,0) size 300x30 |
| 19 RenderBlock {DIV} at (0,0) size 300x30 | 19 RenderBlock {DIV} at (0,0) size 300x30 |
| 20 layer at (8,42) size 300x30 | 20 layer at (8,42) size 300x30 |
| 21 RenderFlexibleBox {DIV} at (0,0) size 300x30 [bgcolor=#141414CC] | 21 RenderFlexibleBox {DIV} at (0,0) size 300x30 [bgcolor=#141414CC] |
| 22 RenderButton {INPUT} at (9,0) size 30x30 | 22 RenderButton {INPUT} at (9,0) size 30x30 |
| 23 RenderSlider {INPUT} at (48,11) size 104x8 | 23 RenderSlider {INPUT} at (48,11) size 103.39x8 |
| 24 RenderFlexibleBox {DIV} at (0,0) size 104x8 [border: (1px solid #E6E6E659)
] | 24 RenderFlexibleBox {DIV} at (0,0) size 103.39x8 [border: (1px solid #E6E6E6
59)] |
| 25 RenderBlock {DIV} at (1,-8) size 116x24 | 25 RenderBlock {DIV} at (1,-8) size 115.39x24 |
| 26 RenderBlock {DIV} at (-7,0) size 32x24 | 26 RenderBlock {DIV} at (-7,0) size 32x24 |
| 27 RenderFlexibleBox {DIV} at (166,0) size 26x30 [color=#FFFFFF] | 27 RenderFlexibleBox {DIV} at (166.39,0) size 25x30 [color=#FFFFFF] |
| 28 RenderBlock (anonymous) at (0,0) size 25x30 | 28 RenderBlock (anonymous) at (0,0) size 25x30 |
| 29 RenderText {#text} at (0,7) size 25x15 | 29 RenderText {#text} at (0,7) size 25x15 |
| 30 text run at (0,7) width 25: "0:07" | 30 text run at (0,7) width 25: "0:07" |
| 31 RenderButton {INPUT} at (200,0) size 36x30 | 31 RenderButton {INPUT} at (200.39,0) size 35x30 |
| 32 RenderSlider {INPUT} at (241,11) size 44x8 | 32 RenderSlider {INPUT} at (241.39,11) size 43.61x8 |
| 33 RenderFlexibleBox {DIV} at (0,0) size 44x8 [border: (1px solid #E6E6E659)] | 33 RenderFlexibleBox {DIV} at (0,0) size 43.61x8 [border: (1px solid #E6E6E65
9)] |
| 34 RenderBlock {DIV} at (1,-8) size 56x24 | 34 RenderBlock {DIV} at (1,-8) size 55.61x24 |
| 35 RenderBlock {DIV} at (24,0) size 25x24 | 35 RenderBlock {DIV} at (24.61,0) size 24x24 |
| 36 layer at (8,90) size 320x30 | 36 layer at (8,90) size 320x30 |
| 37 RenderFlexibleBox {DIV} at (0,0) size 320x30 | 37 RenderFlexibleBox {DIV} at (0,0) size 320x30 |
| 38 RenderBlock {DIV} at (0,0) size 320x30 | 38 RenderBlock {DIV} at (0,0) size 320x30 |
| 39 layer at (8,90) size 320x30 | 39 layer at (8,90) size 320x30 |
| 40 RenderFlexibleBox {DIV} at (0,0) size 320x30 [bgcolor=#141414CC] | 40 RenderFlexibleBox {DIV} at (0,0) size 320x30 [bgcolor=#141414CC] |
| 41 RenderButton {INPUT} at (9,0) size 30x30 | 41 RenderButton {INPUT} at (9,0) size 30x30 |
| 42 RenderSlider {INPUT} at (48,11) size 114x8 | 42 RenderSlider {INPUT} at (48,11) size 113.25x8 |
| 43 RenderFlexibleBox {DIV} at (0,0) size 114x8 [border: (1px solid #E6E6E659)
] | 43 RenderFlexibleBox {DIV} at (0,0) size 113.25x8 [border: (1px solid #E6E6E6
59)] |
| 44 RenderBlock {DIV} at (1,-8) size 126x24 | 44 RenderBlock {DIV} at (1,-8) size 125.25x24 |
| 45 RenderBlock {DIV} at (-7,0) size 32x24 | 45 RenderBlock {DIV} at (-7,0) size 32x24 |
| 46 RenderFlexibleBox {DIV} at (176,0) size 26x30 [color=#FFFFFF] | 46 RenderFlexibleBox {DIV} at (176.25,0) size 25x30 [color=#FFFFFF] |
| 47 RenderBlock (anonymous) at (0,0) size 25x30 | 47 RenderBlock (anonymous) at (0,0) size 25x30 |
| 48 RenderText {#text} at (0,7) size 25x15 | 48 RenderText {#text} at (0,7) size 25x15 |
| 49 text run at (0,7) width 25: "0:07" | 49 text run at (0,7) width 25: "0:07" |
| 50 RenderButton {INPUT} at (210,0) size 36x30 | 50 RenderButton {INPUT} at (210.25,0) size 35x30 |
| 51 RenderSlider {INPUT} at (251,11) size 54x8 | 51 RenderSlider {INPUT} at (251.25,11) size 53.75x8 |
| 52 RenderFlexibleBox {DIV} at (0,0) size 54x8 [border: (1px solid #E6E6E659)] | 52 RenderFlexibleBox {DIV} at (0,0) size 53.75x8 [border: (1px solid #E6E6E65
9)] |
| 53 RenderBlock {DIV} at (1,-8) size 66x24 | 53 RenderBlock {DIV} at (1,-8) size 65.75x24 |
| 54 RenderBlock {DIV} at (34,0) size 25x24 | 54 RenderBlock {DIV} at (34.75,0) size 24x24 |
| 55 layer at (8,138) size 320x100 | 55 layer at (8,138) size 320x100 |
| 56 RenderMedia {AUDIO} at (8,138) size 320x100 [bgcolor=#0000FF] | 56 RenderMedia {AUDIO} at (8,138) size 320x100 [bgcolor=#0000FF] |
| 57 layer at (8,138) size 320x100 | 57 layer at (8,138) size 320x100 |
| 58 RenderFlexibleBox {DIV} at (0,0) size 320x100 | 58 RenderFlexibleBox {DIV} at (0,0) size 320x100 |
| 59 RenderBlock {DIV} at (0,70) size 320x30 | 59 RenderBlock {DIV} at (0,70) size 320x30 |
| 60 layer at (8,208) size 320x30 | 60 layer at (8,208) size 320x30 |
| 61 RenderFlexibleBox {DIV} at (0,0) size 320x30 [bgcolor=#141414CC] | 61 RenderFlexibleBox {DIV} at (0,0) size 320x30 [bgcolor=#141414CC] |
| 62 RenderButton {INPUT} at (9,0) size 30x30 | 62 RenderButton {INPUT} at (9,0) size 30x30 |
| 63 RenderSlider {INPUT} at (48,11) size 114x8 | 63 RenderSlider {INPUT} at (48,11) size 113.25x8 |
| 64 RenderFlexibleBox {DIV} at (0,0) size 114x8 [border: (1px solid #E6E6E659)
] | 64 RenderFlexibleBox {DIV} at (0,0) size 113.25x8 [border: (1px solid #E6E6E6
59)] |
| 65 RenderBlock {DIV} at (1,-8) size 126x24 | 65 RenderBlock {DIV} at (1,-8) size 125.25x24 |
| 66 RenderBlock {DIV} at (-7,0) size 32x24 | 66 RenderBlock {DIV} at (-7,0) size 32x24 |
| 67 RenderFlexibleBox {DIV} at (176,0) size 26x30 [color=#FFFFFF] | 67 RenderFlexibleBox {DIV} at (176.25,0) size 25x30 [color=#FFFFFF] |
| 68 RenderBlock (anonymous) at (0,0) size 25x30 | 68 RenderBlock (anonymous) at (0,0) size 25x30 |
| 69 RenderText {#text} at (0,7) size 25x15 | 69 RenderText {#text} at (0,7) size 25x15 |
| 70 text run at (0,7) width 25: "0:07" | 70 text run at (0,7) width 25: "0:07" |
| 71 RenderButton {INPUT} at (210,0) size 36x30 | 71 RenderButton {INPUT} at (210.25,0) size 35x30 |
| 72 RenderSlider {INPUT} at (251,11) size 54x8 | 72 RenderSlider {INPUT} at (251.25,11) size 53.75x8 |
| 73 RenderFlexibleBox {DIV} at (0,0) size 54x8 [border: (1px solid #E6E6E659)] | 73 RenderFlexibleBox {DIV} at (0,0) size 53.75x8 [border: (1px solid #E6E6E65
9)] |
| 74 RenderBlock {DIV} at (1,-8) size 66x24 | 74 RenderBlock {DIV} at (1,-8) size 65.75x24 |
| 75 RenderBlock {DIV} at (34,0) size 25x24 | 75 RenderBlock {DIV} at (34.75,0) size 24x24 |
| OLD | NEW |