| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 800x600 | |
| 2 LayoutView at (0,0) size 800x600 | |
| 3 layer at (0,0) size 800x600 | |
| 4 LayoutBlockFlow {HTML} at (0,0) size 800x600 | |
| 5 LayoutBlockFlow {BODY} at (8,8) size 784x584 | |
| 6 LayoutText {#text} at (0,0) size 364x17 | |
| 7 text run at (0,0) width 364: "All of the boxes below should look identic
al to this one: " | |
| 8 LayoutBR {BR} at (363,14) size 1x0 | |
| 9 LayoutText {#text} at (72,72) size 4x17 | |
| 10 text run at (72,72) width 4: " " | |
| 11 LayoutBR {BR} at (76,86) size 0x0 | |
| 12 LayoutText {#text} at (0,90) size 101x17 | |
| 13 text run at (0,90) width 101: "The test boxes: " | |
| 14 LayoutBR {BR} at (0,0) size 0x0 | |
| 15 LayoutText {#text} at (72,162) size 4x17 | |
| 16 text run at (72,162) width 4: " " | |
| 17 LayoutText {#text} at (148,162) size 4x17 | |
| 18 text run at (148,162) width 4: " " | |
| 19 LayoutText {#text} at (224,162) size 4x17 | |
| 20 text run at (224,162) width 4: " " | |
| 21 LayoutText {#text} at (300,162) size 4x17 | |
| 22 text run at (300,162) width 4: " " | |
| 23 LayoutBR {BR} at (0,0) size 0x0 | |
| 24 LayoutText {#text} at (72,234) size 4x17 | |
| 25 text run at (72,234) width 4: " " | |
| 26 LayoutText {#text} at (148,234) size 4x17 | |
| 27 text run at (148,234) width 4: " " | |
| 28 LayoutText {#text} at (224,234) size 4x17 | |
| 29 text run at (224,234) width 4: " " | |
| 30 LayoutText {#text} at (300,234) size 4x17 | |
| 31 text run at (300,234) width 4: " " | |
| 32 LayoutBR {BR} at (0,0) size 0x0 | |
| 33 LayoutText {#text} at (72,306) size 4x17 | |
| 34 text run at (72,306) width 4: " " | |
| 35 LayoutText {#text} at (148,306) size 4x17 | |
| 36 text run at (148,306) width 4: " " | |
| 37 LayoutText {#text} at (224,306) size 4x17 | |
| 38 text run at (224,306) width 4: " " | |
| 39 LayoutText {#text} at (300,306) size 4x17 | |
| 40 text run at (300,306) width 4: " " | |
| 41 LayoutBR {BR} at (0,0) size 0x0 | |
| 42 LayoutText {#text} at (72,378) size 4x17 | |
| 43 text run at (72,378) width 4: " " | |
| 44 LayoutText {#text} at (148,378) size 4x17 | |
| 45 text run at (148,378) width 4: " " | |
| 46 LayoutText {#text} at (224,378) size 4x17 | |
| 47 text run at (224,378) width 4: " " | |
| 48 LayoutText {#text} at (0,0) size 0x0 | |
| 49 layer at (13,31) size 62x58 | |
| 50 LayoutBlockFlow (relative positioned) {DIV} at (5,23) size 62x58 [border: (1px
solid #000000) (2px solid #000000) (3px solid #000000) (4px solid #000000)] | |
| 51 layer at (17,32) size 20x20 | |
| 52 LayoutImage (positioned) {IMG} at (4,1) size 20x20 [bgcolor=#008000] | |
| 53 layer at (53,32) size 20x20 | |
| 54 LayoutImage (positioned) {IMG} at (40,1) size 20x20 [bgcolor=#008000] | |
| 55 layer at (17,66) size 20x20 | |
| 56 LayoutImage (positioned) {IMG} at (4,35) size 20x20 [bgcolor=#008000] | |
| 57 layer at (53,66) size 20x20 | |
| 58 LayoutImage (positioned) {IMG} at (40,35) size 20x20 [bgcolor=#008000] | |
| 59 layer at (13,121) size 62x58 | |
| 60 LayoutBlockFlow (relative positioned) {DIV} at (5,113) size 62x58 [border: (1p
x solid #000000) (2px solid #000000) (3px solid #000000) (4px solid #000000)] | |
| 61 layer at (17,122) size 20x20 | |
| 62 LayoutImage (positioned) {IMG} at (4,1) size 20x20 [bgcolor=#008000] | |
| 63 layer at (53,122) size 20x20 | |
| 64 LayoutImage (positioned) {IMG} at (40,1) size 20x20 [bgcolor=#008000] | |
| 65 layer at (17,156) size 20x20 | |
| 66 LayoutImage (positioned) {IMG} at (4,35) size 20x20 [bgcolor=#008000] | |
| 67 layer at (53,156) size 20x20 | |
| 68 LayoutImage (positioned) {IMG} at (40,35) size 20x20 [bgcolor=#008000] | |
| 69 layer at (89,121) size 62x58 | |
| 70 LayoutBlockFlow (relative positioned) {DIV} at (81,113) size 62x58 [border: (1
px solid #000000) (2px solid #000000) (3px solid #000000) (4px solid #000000)] | |
| 71 layer at (93,122) size 20x20 | |
| 72 LayoutImage (positioned) {IMG} at (4,1) size 20x20 [bgcolor=#008000] | |
| 73 layer at (129,122) size 20x20 | |
| 74 LayoutImage (positioned) {IMG} at (40,1) size 20x20 [bgcolor=#008000] | |
| 75 layer at (93,156) size 20x20 | |
| 76 LayoutImage (positioned) {IMG} at (4,35) size 20x20 [bgcolor=#008000] | |
| 77 layer at (129,156) size 20x20 | |
| 78 LayoutImage (positioned) {IMG} at (40,35) size 20x20 [bgcolor=#008000] | |
| 79 layer at (165,121) size 62x58 | |
| 80 LayoutBlockFlow (relative positioned) {DIV} at (157,113) size 62x58 [border: (
1px solid #000000) (2px solid #000000) (3px solid #000000) (4px solid #000000)] | |
| 81 layer at (169,122) size 20x20 | |
| 82 LayoutImage (positioned) {IMG} at (4,37) size 20x20 [bgcolor=#008000] | |
| 83 layer at (205,122) size 20x20 | |
| 84 LayoutImage (positioned) {IMG} at (40,37) size 20x20 [bgcolor=#008000] | |
| 85 layer at (169,156) size 20x20 | |
| 86 LayoutImage (positioned) {IMG} at (4,3) size 20x20 [bgcolor=#008000] | |
| 87 layer at (205,156) size 20x20 | |
| 88 LayoutImage (positioned) {IMG} at (40,3) size 20x20 [bgcolor=#008000] | |
| 89 layer at (241,121) size 62x58 | |
| 90 LayoutBlockFlow (relative positioned) {DIV} at (233,113) size 62x58 [border: (
1px solid #000000) (2px solid #000000) (3px solid #000000) (4px solid #000000)] | |
| 91 layer at (245,122) size 20x20 | |
| 92 LayoutImage (positioned) {IMG} at (38,1) size 20x20 [bgcolor=#008000] | |
| 93 layer at (281,122) size 20x20 | |
| 94 LayoutImage (positioned) {IMG} at (2,1) size 20x20 [bgcolor=#008000] | |
| 95 layer at (245,156) size 20x20 | |
| 96 LayoutImage (positioned) {IMG} at (38,35) size 20x20 [bgcolor=#008000] | |
| 97 layer at (281,156) size 20x20 | |
| 98 LayoutImage (positioned) {IMG} at (2,35) size 20x20 [bgcolor=#008000] | |
| 99 layer at (13,193) size 62x58 | |
| 100 LayoutBlockFlow (relative positioned) {DIV} at (5,185) size 62x58 [border: (1p
x solid #000000) (2px solid #000000) (3px solid #000000) (4px solid #000000)] | |
| 101 layer at (53,194) size 20x20 | |
| 102 LayoutImage (positioned) {IMG} at (40,1) size 20x20 [bgcolor=#008000] | |
| 103 layer at (17,228) size 20x20 | |
| 104 LayoutImage (positioned) {IMG} at (4,35) size 20x20 [bgcolor=#008000] | |
| 105 layer at (53,228) size 20x20 | |
| 106 LayoutImage (positioned) {IMG} at (40,35) size 20x20 [bgcolor=#008000] | |
| 107 layer at (17,194) size 20x20 | |
| 108 LayoutImage (positioned) {IMG} at (4,1) size 20x20 [bgcolor=#008000] | |
| 109 layer at (89,193) size 62x58 | |
| 110 LayoutBlockFlow (relative positioned) {DIV} at (81,185) size 62x58 [border: (1
px solid #000000) (2px solid #000000) (3px solid #000000) (4px solid #000000)] | |
| 111 layer at (129,194) size 20x20 | |
| 112 LayoutImage (positioned) {IMG} at (40,1) size 20x20 [bgcolor=#008000] | |
| 113 layer at (93,228) size 20x20 | |
| 114 LayoutImage (positioned) {IMG} at (4,35) size 20x20 [bgcolor=#008000] | |
| 115 layer at (129,228) size 20x20 | |
| 116 LayoutImage (positioned) {IMG} at (40,35) size 20x20 [bgcolor=#008000] | |
| 117 layer at (93,194) size 20x20 | |
| 118 LayoutImage (positioned) {IMG} at (4,1) size 20x20 [bgcolor=#008000] | |
| 119 layer at (165,193) size 62x58 | |
| 120 LayoutBlockFlow (relative positioned) {DIV} at (157,185) size 62x58 [border: (
1px solid #000000) (2px solid #000000) (3px solid #000000) (4px solid #000000)] | |
| 121 layer at (205,194) size 20x20 | |
| 122 LayoutImage (positioned) {IMG} at (40,37) size 20x20 [bgcolor=#008000] | |
| 123 layer at (169,228) size 20x20 | |
| 124 LayoutImage (positioned) {IMG} at (4,3) size 20x20 [bgcolor=#008000] | |
| 125 layer at (205,228) size 20x20 | |
| 126 LayoutImage (positioned) {IMG} at (40,3) size 20x20 [bgcolor=#008000] | |
| 127 layer at (169,194) size 20x20 | |
| 128 LayoutImage (positioned) {IMG} at (4,37) size 20x20 [bgcolor=#008000] | |
| 129 layer at (241,193) size 62x58 | |
| 130 LayoutBlockFlow (relative positioned) {DIV} at (233,185) size 62x58 [border: (
1px solid #000000) (2px solid #000000) (3px solid #000000) (4px solid #000000)] | |
| 131 layer at (281,194) size 20x20 | |
| 132 LayoutImage (positioned) {IMG} at (2,1) size 20x20 [bgcolor=#008000] | |
| 133 layer at (245,228) size 20x20 | |
| 134 LayoutImage (positioned) {IMG} at (38,35) size 20x20 [bgcolor=#008000] | |
| 135 layer at (281,228) size 20x20 | |
| 136 LayoutImage (positioned) {IMG} at (2,35) size 20x20 [bgcolor=#008000] | |
| 137 layer at (245,194) size 20x20 | |
| 138 LayoutImage (positioned) {IMG} at (38,1) size 20x20 [bgcolor=#008000] | |
| 139 layer at (13,265) size 62x58 | |
| 140 LayoutBlockFlow (relative positioned) {DIV} at (5,257) size 62x58 [border: (1p
x solid #000000) (2px solid #000000) (3px solid #000000) (4px solid #000000)] | |
| 141 layer at (17,300) size 20x20 | |
| 142 LayoutImage (positioned) {IMG} at (4,35) size 20x20 [bgcolor=#008000] | |
| 143 layer at (53,300) size 20x20 | |
| 144 LayoutImage (positioned) {IMG} at (40,35) size 20x20 [bgcolor=#008000] | |
| 145 layer at (17,266) size 20x20 | |
| 146 LayoutImage (positioned) {IMG} at (4,1) size 20x20 [bgcolor=#008000] | |
| 147 layer at (53,266) size 20x20 | |
| 148 LayoutImage (positioned) {IMG} at (40,1) size 20x20 [bgcolor=#008000] | |
| 149 layer at (89,265) size 62x58 | |
| 150 LayoutBlockFlow (relative positioned) {DIV} at (81,257) size 62x58 [border: (1
px solid #000000) (2px solid #000000) (3px solid #000000) (4px solid #000000)] | |
| 151 layer at (93,300) size 20x20 | |
| 152 LayoutImage (positioned) {IMG} at (4,35) size 20x20 [bgcolor=#008000] | |
| 153 layer at (129,300) size 20x20 | |
| 154 LayoutImage (positioned) {IMG} at (40,35) size 20x20 [bgcolor=#008000] | |
| 155 layer at (93,266) size 20x20 | |
| 156 LayoutImage (positioned) {IMG} at (4,1) size 20x20 [bgcolor=#008000] | |
| 157 layer at (129,266) size 20x20 | |
| 158 LayoutImage (positioned) {IMG} at (40,1) size 20x20 [bgcolor=#008000] | |
| 159 layer at (165,265) size 62x58 | |
| 160 LayoutBlockFlow (relative positioned) {DIV} at (157,257) size 62x58 [border: (
1px solid #000000) (2px solid #000000) (3px solid #000000) (4px solid #000000)] | |
| 161 layer at (169,300) size 20x20 | |
| 162 LayoutImage (positioned) {IMG} at (4,3) size 20x20 [bgcolor=#008000] | |
| 163 layer at (205,300) size 20x20 | |
| 164 LayoutImage (positioned) {IMG} at (40,3) size 20x20 [bgcolor=#008000] | |
| 165 layer at (169,266) size 20x20 | |
| 166 LayoutImage (positioned) {IMG} at (4,37) size 20x20 [bgcolor=#008000] | |
| 167 layer at (205,266) size 20x20 | |
| 168 LayoutImage (positioned) {IMG} at (40,37) size 20x20 [bgcolor=#008000] | |
| 169 layer at (241,265) size 62x58 | |
| 170 LayoutBlockFlow (relative positioned) {DIV} at (233,257) size 62x58 [border: (
1px solid #000000) (2px solid #000000) (3px solid #000000) (4px solid #000000)] | |
| 171 layer at (245,300) size 20x20 | |
| 172 LayoutImage (positioned) {IMG} at (38,35) size 20x20 [bgcolor=#008000] | |
| 173 layer at (281,300) size 20x20 | |
| 174 LayoutImage (positioned) {IMG} at (2,35) size 20x20 [bgcolor=#008000] | |
| 175 layer at (245,266) size 20x20 | |
| 176 LayoutImage (positioned) {IMG} at (38,1) size 20x20 [bgcolor=#008000] | |
| 177 layer at (281,266) size 20x20 | |
| 178 LayoutImage (positioned) {IMG} at (2,1) size 20x20 [bgcolor=#008000] | |
| 179 layer at (13,337) size 62x58 | |
| 180 LayoutBlockFlow (relative positioned) {DIV} at (5,329) size 62x58 [border: (1p
x solid #000000) (2px solid #000000) (3px solid #000000) (4px solid #000000)] | |
| 181 layer at (53,372) size 20x20 | |
| 182 LayoutImage (positioned) {IMG} at (40,35) size 20x20 [bgcolor=#008000] | |
| 183 layer at (17,338) size 20x20 | |
| 184 LayoutImage (positioned) {IMG} at (4,1) size 20x20 [bgcolor=#008000] | |
| 185 layer at (53,338) size 20x20 | |
| 186 LayoutImage (positioned) {IMG} at (40,1) size 20x20 [bgcolor=#008000] | |
| 187 layer at (17,372) size 20x20 | |
| 188 LayoutImage (positioned) {IMG} at (4,35) size 20x20 [bgcolor=#008000] | |
| 189 layer at (89,337) size 62x58 | |
| 190 LayoutBlockFlow (relative positioned) {DIV} at (81,329) size 62x58 [border: (1
px solid #000000) (2px solid #000000) (3px solid #000000) (4px solid #000000)] | |
| 191 layer at (129,372) size 20x20 | |
| 192 LayoutImage (positioned) {IMG} at (40,35) size 20x20 [bgcolor=#008000] | |
| 193 layer at (93,338) size 20x20 | |
| 194 LayoutImage (positioned) {IMG} at (4,1) size 20x20 [bgcolor=#008000] | |
| 195 layer at (129,338) size 20x20 | |
| 196 LayoutImage (positioned) {IMG} at (40,1) size 20x20 [bgcolor=#008000] | |
| 197 layer at (93,372) size 20x20 | |
| 198 LayoutImage (positioned) {IMG} at (4,35) size 20x20 [bgcolor=#008000] | |
| 199 layer at (165,337) size 62x58 | |
| 200 LayoutBlockFlow (relative positioned) {DIV} at (157,329) size 62x58 [border: (
1px solid #000000) (2px solid #000000) (3px solid #000000) (4px solid #000000)] | |
| 201 layer at (205,372) size 20x20 | |
| 202 LayoutImage (positioned) {IMG} at (40,3) size 20x20 [bgcolor=#008000] | |
| 203 layer at (169,338) size 20x20 | |
| 204 LayoutImage (positioned) {IMG} at (4,37) size 20x20 [bgcolor=#008000] | |
| 205 layer at (205,338) size 20x20 | |
| 206 LayoutImage (positioned) {IMG} at (40,37) size 20x20 [bgcolor=#008000] | |
| 207 layer at (169,372) size 20x20 | |
| 208 LayoutImage (positioned) {IMG} at (4,3) size 20x20 [bgcolor=#008000] | |
| 209 layer at (241,337) size 62x58 | |
| 210 LayoutBlockFlow (relative positioned) {DIV} at (233,329) size 62x58 [border: (
1px solid #000000) (2px solid #000000) (3px solid #000000) (4px solid #000000)] | |
| 211 layer at (281,372) size 20x20 | |
| 212 LayoutImage (positioned) {IMG} at (2,35) size 20x20 [bgcolor=#008000] | |
| 213 layer at (245,338) size 20x20 | |
| 214 LayoutImage (positioned) {IMG} at (38,1) size 20x20 [bgcolor=#008000] | |
| 215 layer at (281,338) size 20x20 | |
| 216 LayoutImage (positioned) {IMG} at (2,1) size 20x20 [bgcolor=#008000] | |
| 217 layer at (245,372) size 20x20 | |
| 218 LayoutImage (positioned) {IMG} at (38,35) size 20x20 [bgcolor=#008000] | |
| OLD | NEW |