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