| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 785x698 | |
| 2 RenderView at (0,0) size 785x600 | |
| 3 layer at (0,0) size 785x698 | |
| 4 RenderBlock {HTML} at (0,0) size 785x698 | |
| 5 RenderBody {BODY} at (8,8) size 769x680 | |
| 6 RenderBlock {P} at (0,0) size 769x30 | |
| 7 RenderText {#text} at (0,10) size 396x19 | |
| 8 text run at (0,10) width 396: "The blue borders should coincide with l
ight blue squares, like this: " | |
| 9 RenderBlock {SPAN} at (396,0) size 25x25 [bgcolor=#ADD8E6] [border: (3px
solid #0000FF7F)] | |
| 10 RenderText {#text} at (421,10) size 185x19 | |
| 11 text run at (421,10) width 8: ". " | |
| 12 text run at (429,10) width 177: "There should be none of this: " | |
| 13 RenderBlock {SPAN} at (606,0) size 25x25 [bgcolor=#ADD8E6] | |
| 14 RenderText {#text} at (631,10) size 48x19 | |
| 15 text run at (631,10) width 4: " " | |
| 16 text run at (635,10) width 44: "or this: " | |
| 17 RenderBlock {SPAN} at (679,0) size 25x25 [border: (3px solid #0000FF7F)] | |
| 18 RenderText {#text} at (704,10) size 4x19 | |
| 19 text run at (704,10) width 4: "." | |
| 20 RenderBlock {P} at (0,568) size 769x20 | |
| 21 RenderText {#text} at (0,0) size 604x19 | |
| 22 text run at (0,0) width 604: "Except here, where the blue border shoul
d be around the bigger slice of the blue square, on the right." | |
| 23 layer at (8,54) size 136x76 | |
| 24 RenderBlock {DIV} at (0,46) size 136x76 [color=#ADD8E6] [border: (3px solid #0
00000)] | |
| 25 RenderBR {BR} at (13,13) size 0x25 | |
| 26 RenderText {#text} at (13,38) size 25x75 | |
| 27 text run at (13,38) width 25: "x" | |
| 28 text run at (13,63) width 25: "y" | |
| 29 text run at (13,88) width 25: "z" | |
| 30 layer at (8,140) size 136x76 | |
| 31 RenderBlock {DIV} at (0,132) size 136x76 [color=#ADD8E6] [border: (3px solid #
000000)] | |
| 32 RenderBR {BR} at (13,13) size 0x25 | |
| 33 RenderInline {SPAN} at (0,0) size 25x75 | |
| 34 RenderText {#text} at (13,38) size 25x75 | |
| 35 text run at (13,38) width 25: "x" | |
| 36 text run at (13,63) width 25: "y" | |
| 37 text run at (13,88) width 25: "z" | |
| 38 RenderText {#text} at (0,0) size 0x0 | |
| 39 layer at (8,226) size 136x76 | |
| 40 RenderBlock {DIV} at (0,218) size 136x76 [color=#ADD8E6] [border: (3px solid #
000000)] | |
| 41 RenderBlock (anonymous) at (13,13) size 50x25 | |
| 42 RenderBR {BR} at (0,0) size 0x25 | |
| 43 RenderBlock {DIV} at (13,38) size 50x75 | |
| 44 RenderText {#text} at (0,0) size 25x75 | |
| 45 text run at (0,0) width 25: "x" | |
| 46 text run at (0,25) width 25: "y" | |
| 47 text run at (0,50) width 25: "z" | |
| 48 layer at (8,312) size 136x76 | |
| 49 RenderBlock {DIV} at (0,304) size 136x76 [color=#ADD8E6] [border: (3px solid #
000000)] | |
| 50 RenderBlock (anonymous) at (13,13) size 50x25 | |
| 51 RenderBR {BR} at (0,0) size 0x25 | |
| 52 RenderBlock {DIV} at (13,38) size 50x75 | |
| 53 RenderBR {BR} at (0,0) size 0x25 | |
| 54 RenderText {#text} at (0,25) size 25x50 | |
| 55 text run at (0,25) width 25: "y" | |
| 56 text run at (0,50) width 25: "z" | |
| 57 layer at (8,398) size 136x76 | |
| 58 RenderBlock {DIV} at (0,390) size 136x76 [color=#ADD8E6] [border: (3px solid #
000000)] | |
| 59 RenderBlock (anonymous) at (13,13) size 50x25 | |
| 60 RenderBR {BR} at (0,0) size 0x25 | |
| 61 RenderBlock {DIV} at (13,38) size 50x54 | |
| 62 RenderBR {BR} at (0,0) size 0x25 | |
| 63 RenderSlider {INPUT} at (2,27) size 25x25 [color=#9D968E] [bgcolor=#ADD8E6
] | |
| 64 RenderFlexibleBox {DIV} at (0,0) size 25x25 | |
| 65 RenderBlock {DIV} at (0,12.50) size 25x0 | |
| 66 RenderBlock {DIV} at (0,0) size 25x0 | |
| 67 layer at (8,484) size 136x76 | |
| 68 RenderBlock {DIV} at (0,476) size 136x76 [color=#ADD8E6] [border: (3px solid #
000000)] | |
| 69 RenderBlock (anonymous) at (13,13) size 50x25 | |
| 70 RenderBR {BR} at (0,0) size 0x25 | |
| 71 RenderBlock {DIV} at (13,38) size 50x50 | |
| 72 RenderBR {BR} at (0,0) size 0x25 | |
| 73 RenderImage {IMG} at (0,25) size 25x25 [bgcolor=#ADD8E6] | |
| 74 layer at (8,612) size 136x76 | |
| 75 RenderBlock {DIV} at (0,604) size 136x76 [color=#ADD8E6] [border: (3px solid #
000000)] | |
| 76 RenderBlock {DIV} at (13,53) size 25x25 [bgcolor=#ADD8E6] | |
| 77 layer at (21,92) size 25x25 | |
| 78 RenderBlock (positioned) {DIV} at (21,92) size 25x25 [border: (3px solid #0000
FF7F)] | |
| 79 layer at (81,67) size 25x25 | |
| 80 RenderBlock (positioned) {DIV} at (81,67) size 25x25 [border: (3px solid #0000
FF7F)] | |
| 81 layer at (81,92) size 25x25 | |
| 82 RenderBlock (positioned) {DIV} at (81,92) size 25x25 [border: (3px solid #0000
FF7F)] | |
| 83 layer at (21,178) size 25x25 | |
| 84 RenderBlock (positioned) {DIV} at (21,178) size 25x25 [border: (3px solid #000
0FF7F)] | |
| 85 layer at (81,153) size 25x25 | |
| 86 RenderBlock (positioned) {DIV} at (81,153) size 25x25 [border: (3px solid #000
0FF7F)] | |
| 87 layer at (81,178) size 25x25 | |
| 88 RenderBlock (positioned) {DIV} at (81,178) size 25x25 [border: (3px solid #000
0FF7F)] | |
| 89 layer at (21,264) size 25x25 | |
| 90 RenderBlock (positioned) {DIV} at (21,264) size 25x25 [border: (3px solid #000
0FF7F)] | |
| 91 layer at (81,239) size 25x25 | |
| 92 RenderBlock (positioned) {DIV} at (81,239) size 25x25 [border: (3px solid #000
0FF7F)] | |
| 93 layer at (81,264) size 25x25 | |
| 94 RenderBlock (positioned) {DIV} at (81,264) size 25x25 [border: (3px solid #000
0FF7F)] | |
| 95 layer at (81,325) size 25x25 | |
| 96 RenderBlock (positioned) {DIV} at (81,325) size 25x25 [border: (3px solid #000
0FF7F)] | |
| 97 layer at (81,350) size 25x25 | |
| 98 RenderBlock (positioned) {DIV} at (81,350) size 25x25 [border: (3px solid #000
0FF7F)] | |
| 99 layer at (83,413) size 25x25 | |
| 100 RenderBlock (positioned) {DIV} at (83,413) size 25x25 [border: (3px solid #000
0FF7F)] | |
| 101 layer at (81,497) size 25x25 | |
| 102 RenderBlock (positioned) {DIV} at (81,497) size 25x25 [border: (3px solid #000
0FF7F)] | |
| 103 layer at (81,615) size 25x25 | |
| 104 RenderBlock (positioned) {DIV} at (81,615) size 25x25 [border: (3px solid #000
0FF7F)] | |
| OLD | NEW |