| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 2484 | |
| 2 LayoutView at (0,0) size 800x600 | |
| 3 layer at (0,0) size 785x2484 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 | |
| 4 LayoutBlockFlow {HTML} at (0,0) size 785x2484 | |
| 5 LayoutBlockFlow {BODY} at (8,8) size 769x2468 | |
| 6 LayoutTable {TABLE} at (0,0) size 418x112 [border: (2px outset #808080)] | |
| 7 LayoutTableSection {TBODY} at (2,2) size 414x108 | |
| 8 LayoutTableRow {TR} at (0,2) size 414x104 | |
| 9 LayoutTableCell {TD} at (308,2) size 104x104 [border: (1px inset #80
8080)] [r=0 c=1 rs=1 cs=1] | |
| 10 LayoutBlockFlow {DIV} at (2,2) size 100x100 [bgcolor=#800080] | |
| 11 LayoutBlockFlow (anonymous) at (0,112) size 769x40 | |
| 12 LayoutBR {BR} at (0,0) size 0x19 | |
| 13 LayoutBR {BR} at (0,20) size 0x19 | |
| 14 LayoutTable {TABLE} at (0,152) size 718x112 [border: (2px outset #808080)] | |
| 15 LayoutTableSection {TBODY} at (2,2) size 714x108 | |
| 16 LayoutTableRow {TR} at (0,2) size 714x104 | |
| 17 LayoutTableCell {TD} at (608,2) size 104x104 [border: (1px inset #80
8080)] [r=0 c=1 rs=1 cs=1] | |
| 18 LayoutBlockFlow {DIV} at (2,2) size 100x100 [bgcolor=#800080] | |
| 19 LayoutBlockFlow (anonymous) at (0,264) size 769x40 | |
| 20 LayoutBR {BR} at (0,0) size 0x19 | |
| 21 LayoutBR {BR} at (0,20) size 0x19 | |
| 22 LayoutTable {TABLE} at (0,304) size 718x112 [border: (2px outset #808080)] | |
| 23 LayoutTableSection {TBODY} at (2,2) size 714x108 | |
| 24 LayoutTableRow {TR} at (0,2) size 714x104 | |
| 25 LayoutTableCell {TD} at (608,2) size 104x104 [border: (1px inset #80
8080)] [r=0 c=1 rs=1 cs=1] | |
| 26 LayoutBlockFlow {DIV} at (2,2) size 100x100 [bgcolor=#800080] | |
| 27 LayoutBlockFlow (anonymous) at (0,416) size 769x40 | |
| 28 LayoutBR {BR} at (0,0) size 0x19 | |
| 29 LayoutBR {BR} at (0,20) size 0x19 | |
| 30 LayoutTable {TABLE} at (0,456) size 418x112 [border: (2px outset #808080)] | |
| 31 LayoutTableSection {TBODY} at (2,2) size 414x108 | |
| 32 LayoutTableRow {TR} at (0,2) size 414x104 | |
| 33 LayoutTableCell {TD} at (308,2) size 104x104 [border: (1px inset #80
8080)] [r=0 c=1 rs=1 cs=1] | |
| 34 LayoutBlockFlow {DIV} at (2,2) size 100x100 [bgcolor=#800080] | |
| 35 LayoutBlockFlow (anonymous) at (0,568) size 769x40 | |
| 36 LayoutBR {BR} at (0,0) size 0x19 | |
| 37 LayoutBR {BR} at (0,20) size 0x19 | |
| 38 LayoutTable {TABLE} at (0,608) size 418x112 [border: (2px outset #808080)] | |
| 39 LayoutTableSection {TBODY} at (2,2) size 414x108 | |
| 40 LayoutTableRow {TR} at (0,2) size 414x104 | |
| 41 LayoutTableCell {TD} at (2,2) size 104x104 [border: (1px inset #8080
80)] [r=0 c=0 rs=1 cs=1] | |
| 42 LayoutBlockFlow {DIV} at (2,2) size 100x100 [bgcolor=#800080] | |
| 43 LayoutBlockFlow (anonymous) at (0,720) size 769x40 | |
| 44 LayoutBR {BR} at (0,0) size 0x19 | |
| 45 LayoutBR {BR} at (0,20) size 0x19 | |
| 46 LayoutTable {TABLE} at (0,760) size 618x218 [border: (2px outset #808080)] | |
| 47 LayoutTableSection {TBODY} at (2,2) size 614x214 | |
| 48 LayoutTableRow {TR} at (0,2) size 614x104 | |
| 49 LayoutTableCell {TD} at (308,2) size 304x104 [border: (1px inset #80
8080)] [r=0 c=1 rs=1 cs=1] | |
| 50 LayoutBlockFlow {DIV} at (2,2) size 300x100 [bgcolor=#800080] | |
| 51 LayoutTableRow {TR} at (0,108) size 614x104 | |
| 52 LayoutTableCell {TD} at (2,108) size 304x104 [border: (1px inset #80
8080)] [r=1 c=0 rs=1 cs=1] | |
| 53 LayoutBlockFlow {DIV} at (2,2) size 300x100 [bgcolor=#800080] | |
| 54 LayoutBlockFlow (anonymous) at (0,978) size 769x40 | |
| 55 LayoutBR {BR} at (0,0) size 0x19 | |
| 56 LayoutBR {BR} at (0,20) size 0x19 | |
| 57 LayoutTable {TABLE} at (0,1018) size 718x112 [border: (2px outset #808080)
] | |
| 58 LayoutTableSection {TBODY} at (2,2) size 714x108 | |
| 59 LayoutTableRow {TR} at (0,2) size 714x104 | |
| 60 LayoutTableCell {TD} at (608,2) size 104x104 [border: (1px inset #80
8080)] [r=0 c=1 rs=1 cs=1] | |
| 61 LayoutBlockFlow {DIV} at (2,2) size 100x100 [bgcolor=#800080] | |
| 62 LayoutBlockFlow (anonymous) at (0,1130) size 769x40 | |
| 63 LayoutBR {BR} at (0,0) size 0x19 | |
| 64 LayoutBR {BR} at (0,20) size 0x19 | |
| 65 LayoutTable {TABLE} at (0,1170) size 718x112 [border: (2px outset #808080)
] | |
| 66 LayoutTableSection {TBODY} at (2,2) size 714x108 | |
| 67 LayoutTableRow {TR} at (0,2) size 714x104 | |
| 68 LayoutTableCell {TD} at (608,2) size 104x104 [border: (1px inset #80
8080)] [r=0 c=1 rs=1 cs=1] | |
| 69 LayoutBlockFlow {DIV} at (2,2) size 100x100 [bgcolor=#800080] | |
| 70 LayoutBlockFlow (anonymous) at (0,1282) size 769x40 | |
| 71 LayoutBR {BR} at (0,0) size 0x19 | |
| 72 LayoutBR {BR} at (0,20) size 0x19 | |
| 73 LayoutTable {TABLE} at (0,1322) size 718x112 [border: (2px outset #808080)
] | |
| 74 LayoutTableSection {TBODY} at (2,2) size 714x108 | |
| 75 LayoutTableRow {TR} at (0,2) size 714x104 | |
| 76 LayoutTableCell {TD} at (608,2) size 104x104 [border: (1px inset #80
8080)] [r=0 c=1 rs=1 cs=1] | |
| 77 LayoutBlockFlow {DIV} at (2,2) size 100x100 [bgcolor=#800080] | |
| 78 LayoutBlockFlow (anonymous) at (0,1434) size 769x40 | |
| 79 LayoutBR {BR} at (0,0) size 0x19 | |
| 80 LayoutBR {BR} at (0,20) size 0x19 | |
| 81 LayoutTable {DIV} at (0,1474) size 400x100 | |
| 82 LayoutTableSection (anonymous) at (0,0) size 400x100 | |
| 83 LayoutTableRow {DIV} at (0,0) size 400x100 | |
| 84 LayoutTableCell {DIV} at (300,0) size 100x100 [r=0 c=1 rs=1 cs=1] | |
| 85 LayoutBlockFlow {DIV} at (0,0) size 100x100 [bgcolor=#800080] | |
| 86 LayoutBlockFlow (anonymous) at (0,1574) size 769x40 | |
| 87 LayoutBR {BR} at (0,0) size 0x19 | |
| 88 LayoutBR {BR} at (0,20) size 0x19 | |
| 89 LayoutTable {DIV} at (0,1614) size 400x100 | |
| 90 LayoutTableSection (anonymous) at (0,0) size 400x100 | |
| 91 LayoutTableRow {DIV} at (0,0) size 400x100 | |
| 92 LayoutTableCell {DIV} at (300,0) size 100x100 [r=0 c=1 rs=1 cs=1] | |
| 93 LayoutBlockFlow {DIV} at (0,0) size 100x100 [bgcolor=#800080] | |
| 94 LayoutBlockFlow (anonymous) at (0,1714) size 769x40 | |
| 95 LayoutBR {BR} at (0,0) size 0x19 | |
| 96 LayoutBR {BR} at (0,20) size 0x19 | |
| 97 LayoutTable {TABLE} at (0,1754) size 715x112 [border: (2px outset #808080)
] | |
| 98 LayoutTableSection {TBODY} at (2,2) size 710x107 | |
| 99 LayoutTableRow {TR} at (0,0) size 710x107 | |
| 100 LayoutTableCell {TD} at (605,0) size 105x107 [border: (3px inset #80
8080)] [r=0 c=1 rs=1 cs=1] | |
| 101 LayoutBlockFlow {DIV} at (2,4) size 100x100 [bgcolor=#800080] | |
| 102 LayoutBlockFlow (anonymous) at (0,1866) size 769x40 | |
| 103 LayoutBR {BR} at (0,0) size 0x19 | |
| 104 LayoutBR {BR} at (0,20) size 0x19 | |
| 105 LayoutTable {TABLE} at (0,1906) size 715x112 [border: (2px outset #808080)
] | |
| 106 LayoutTableSection {TBODY} at (2,2) size 710x107 | |
| 107 LayoutTableRow {TR} at (0,0) size 710x107 | |
| 108 LayoutTableCell {TD} at (605,0) size 105x107 [border: (3px inset #80
8080)] [r=0 c=1 rs=1 cs=1] | |
| 109 LayoutBlockFlow {DIV} at (2,4) size 100x100 [bgcolor=#800080] | |
| 110 LayoutBlockFlow (anonymous) at (0,2018) size 769x40 | |
| 111 LayoutBR {BR} at (0,0) size 0x19 | |
| 112 LayoutBR {BR} at (0,20) size 0x19 | |
| 113 LayoutTable {TABLE} at (0,2058) size 418x112 [border: (2px outset #808080)
] | |
| 114 LayoutTableSection {TBODY} at (2,2) size 414x108 | |
| 115 LayoutTableRow {TR} at (0,2) size 414x104 | |
| 116 LayoutTableCell {TD} at (308,2) size 104x104 [border: (1px inset #80
8080)] [r=0 c=1 rs=1 cs=1] | |
| 117 LayoutBlockFlow {DIV} at (2,2) size 100x100 [bgcolor=#800080] | |
| 118 LayoutBlockFlow (anonymous) at (0,2170) size 769x40 | |
| 119 LayoutBR {BR} at (0,0) size 0x19 | |
| 120 LayoutBR {BR} at (0,20) size 0x19 | |
| 121 LayoutTable {TABLE} at (0,2210) size 433x112 [border: (2px outset #808080)
] | |
| 122 LayoutTableSection {TBODY} at (2,2) size 429x108 | |
| 123 LayoutTableRow {TR} at (0,2) size 429x104 | |
| 124 LayoutTableCell {TD} at (323,2) size 104x104 [border: (1px inset #80
8080)] [r=0 c=1 rs=1 cs=1] | |
| 125 LayoutBlockFlow {DIV} at (2,2) size 100x100 [bgcolor=#800080] | |
| 126 LayoutBlockFlow (anonymous) at (0,2322) size 769x40 | |
| 127 LayoutBR {BR} at (0,0) size 0x19 | |
| 128 LayoutBR {BR} at (0,20) size 0x19 | |
| 129 LayoutTable {TABLE} at (0,2362) size 470x106 | |
| 130 LayoutTableSection {TBODY} at (0,0) size 470x106 | |
| 131 LayoutTableRow {TR} at (0,2) size 470x102 | |
| 132 LayoutTableCell {TD} at (366,2) size 102x102 [r=0 c=1 rs=1 cs=1] | |
| 133 LayoutBlockFlow {DIV} at (1,1) size 100x100 [bgcolor=#800080] | |
| 134 layer at (12,12) size 304x104 clip at (13,13) size 302x102 | |
| 135 LayoutTableCell {TD} at (2,52) size 304x4 [bgcolor=#808080] [border: (1px inse
t #808080)] [r=0 c=0 rs=1 cs=1] | |
| 136 layer at (12,164) size 604x104 clip at (13,165) size 602x102 | |
| 137 LayoutTableCell {TD} at (2,42) size 604x24 [bgcolor=#808080] [border: (1px ins
et #808080)] [r=0 c=0 rs=1 cs=1] | |
| 138 layer at (12,468) size 304x104 clip at (13,469) size 302x102 scrollWidth 601 | |
| 139 LayoutTableCell {TD} at (2,52) size 304x4 [bgcolor=#808080] [border: (1px inse
t #808080)] [r=0 c=0 rs=1 cs=1] | |
| 140 LayoutBlockFlow {DIV} at (2,-18) size 300x20 [bgcolor=#00FF00] | |
| 141 LayoutBlockFlow {DIV} at (0,0) size 600x20 [bgcolor=#008000] | |
| 142 LayoutText {#text} at (0,0) size 25x19 | |
| 143 text run at (0,0) width 25: "Test" | |
| 144 layer at (118,620) size 304x104 backgroundClip at (0,0) size 0x0 clip at (0,0) s
ize 0x0 scrollWidth 601 | |
| 145 LayoutTableCell {TD} at (108,52) size 304x4 [bgcolor=#808080] [border: (1px in
set #808080)] [r=0 c=1 rs=1 cs=1] | |
| 146 LayoutBlockFlow {DIV} at (2,-18) size 300x20 [bgcolor=#00FF00] | |
| 147 LayoutBlockFlow {DIV} at (0,0) size 600x20 [bgcolor=#008000] | |
| 148 LayoutText {#text} at (0,0) size 78x19 | |
| 149 text run at (0,0) width 78: "Reverse Test" | |
| 150 layer at (12,772) size 304x104 backgroundClip at (0,0) size 0x0 clip at (0,0) si
ze 0x0 scrollWidth 601 | |
| 151 LayoutTableCell {TD} at (2,52) size 304x4 [bgcolor=#808080] [border: (1px inse
t #808080)] [r=0 c=0 rs=1 cs=1] | |
| 152 LayoutBlockFlow {DIV} at (2,-18) size 300x20 [bgcolor=#00FF00] | |
| 153 LayoutBlockFlow {DIV} at (0,0) size 600x20 [bgcolor=#008000] | |
| 154 LayoutText {#text} at (0,0) size 79x19 | |
| 155 text run at (0,0) width 79: "Stacked Test" | |
| 156 layer at (318,878) size 304x104 backgroundClip at (0,0) size 0x0 clip at (0,0) s
ize 0x0 scrollWidth 601 | |
| 157 LayoutTableCell {TD} at (308,158) size 304x4 [bgcolor=#808080] [border: (1px i
nset #808080)] [r=1 c=1 rs=1 cs=1] | |
| 158 LayoutBlockFlow {DIV} at (2,-18) size 300x20 [bgcolor=#00FF00] | |
| 159 LayoutBlockFlow {DIV} at (0,0) size 600x20 [bgcolor=#008000] | |
| 160 LayoutText {#text} at (0,0) size 49x19 | |
| 161 text run at (0,0) width 49: "Reverse" | |
| 162 layer at (12,1030) size 604x104 backgroundClip at (0,0) size 0x0 clip at (0,0) s
ize 0x0 | |
| 163 LayoutTableCell {TD} at (2,42) size 604x24 [bgcolor=#808080] [border: (1px ins
et #808080)] [r=0 c=0 rs=1 cs=1] | |
| 164 layer at (8,1482) size 300x100 backgroundClip at (0,0) size 0x0 clip at (0,0) si
ze 0x0 scrollWidth 600 | |
| 165 LayoutTableCell {DIV} at (0,40) size 300x20 [r=0 c=0 rs=1 cs=1] | |
| 166 LayoutBlockFlow {DIV} at (0,0) size 300x20 | |
| 167 LayoutBlockFlow {DIV} at (0,0) size 600x20 [bgcolor=#FFA500] | |
| 168 LayoutText {#text} at (0,0) size 133x19 | |
| 169 text run at (0,0) width 133: "With display:table-cell" | |
| 170 layer at (10,1764) size 605x107 backgroundClip at (0,0) size 0x0 clip at (0,0) s
ize 0x0 | |
| 171 LayoutTableCell {TD} at (0,40) size 605x27 [bgcolor=#808080] [border: (3px ins
et #808080)] [r=0 c=0 rs=1 cs=1] | |
| 172 LayoutBlockFlow {DIV} at (4,4) size 600x20 [bgcolor=#FFFF00] | |
| 173 LayoutText {#text} at (0,0) size 206x19 | |
| 174 text run at (0,0) width 206: "Test with border-collapse:collapse" | |
| 175 layer at (10,1916) size 605x107 backgroundClip at (0,0) size 0x0 clip at (0,0) s
ize 0x0 | |
| 176 LayoutTableCell {TD} at (0,40) size 605x27 [border: (3px inset #808080)] [r=0
c=0 rs=1 cs=1] | |
| 177 LayoutBlockFlow {DIV} at (4,4) size 600x20 [bgcolor=#FFFF00] | |
| 178 LayoutText {#text} at (0,0) size 260x19 | |
| 179 text run at (0,0) width 260: "Test with border-collapse:collapse no colo
r" | |
| 180 layer at (12,2070) size 304x83 backgroundClip at (0,0) size 0x0 clip at (0,0) si
ze 0x0 scrollWidth 601 | |
| 181 LayoutTableCell {TD} at (2,34) size 304x19 [bgcolor=#808080] [border: (1px ins
et #808080)] [r=0 c=0 rs=1 cs=1] | |
| 182 LayoutBlockFlow {DIV} at (2,-18) size 300x20 [bgcolor=#00FF00] | |
| 183 LayoutBlockFlow {DIV} at (0,0) size 600x20 [bgcolor=#008000] | |
| 184 LayoutText {#text} at (0,0) size 140x19 | |
| 185 text run at (0,0) width 140: "Test with overflow:auto" | |
| 186 layer at (12,2222) size 319x104 backgroundClip at (0,0) size 0x0 clip at (0,0) s
ize 0x0 scrollWidth 601 | |
| 187 LayoutTableCell {TD} at (2,44) size 319x19 [bgcolor=#808080] [border: (1px ins
et #808080)] [r=0 c=0 rs=1 cs=1] | |
| 188 LayoutBlockFlow {DIV} at (2,-18) size 300x20 [bgcolor=#00FF00] | |
| 189 LayoutBlockFlow {DIV} at (0,0) size 600x20 [bgcolor=#008000] | |
| 190 LayoutText {#text} at (0,0) size 146x19 | |
| 191 text run at (0,0) width 146: "Test with overflow:scroll" | |
| 192 layer at (10,2372) size 362x102 backgroundClip at (0,0) size 0x0 clip at (0,0) s
ize 0x0 scrollWidth 601 | |
| 193 LayoutTableCell {TD} at (2,4) size 362x97 [bgcolor=#808080] [border: (30px sol
id #000000)] [r=0 c=0 rs=1 cs=1] | |
| 194 LayoutBlockFlow {DIV} at (31,31) size 300x20 [bgcolor=#00FF00] | |
| 195 LayoutBlockFlow {DIV} at (0,0) size 600x20 [bgcolor=#008000] | |
| 196 LayoutText {#text} at (0,0) size 140x19 | |
| 197 text run at (0,0) width 140: "Test with overflow:auto" | |
| 198 layer at (14,90) size 600x20 | |
| 199 LayoutBlockFlow (positioned) {DIV} at (14,90) size 600x20 [bgcolor=#00FFFF] | |
| 200 LayoutText {#text} at (0,0) size 195x19 | |
| 201 text run at (0,0) width 195: "With absolute positioning on div." | |
| 202 layer at (14,206) size 600x20 transparent | |
| 203 LayoutBlockFlow {DIV} at (2,2) size 600x20 [bgcolor=#00FFFF] | |
| 204 LayoutText {#text} at (0,0) size 121x19 | |
| 205 text run at (0,0) width 121: "With opacity on div." | |
| 206 layer at (12,316) size 604x104 clip at (13,317) size 602x102 transparent | |
| 207 LayoutTableCell {TD} at (2,42) size 604x24 [bgcolor=#808080] [border: (1px ins
et #808080)] [r=0 c=0 rs=1 cs=1] | |
| 208 LayoutBlockFlow {DIV} at (2,2) size 600x20 [bgcolor=#00FFFF] | |
| 209 LayoutText {#text} at (0,0) size 124x19 | |
| 210 text run at (0,0) width 124: "With opacity on cell." | |
| 211 layer at (14,1072) size 600x20 backgroundClip at (0,0) size 0x0 clip at (0,0) si
ze 0x0 | |
| 212 LayoutBlockFlow (relative positioned) {DIV} at (2,2) size 600x20 [bgcolor=#FFA
500] | |
| 213 LayoutText {#text} at (0,0) size 188x19 | |
| 214 text run at (0,0) width 188: "With relative positioning on div." | |
| 215 layer at (12,1182) size 604x104 backgroundClip at (0,0) size 0x0 clip at (0,0) s
ize 0x0 | |
| 216 LayoutTableCell (relative positioned) {TD} at (2,42) size 604x24 [bgcolor=#808
080] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1] | |
| 217 LayoutBlockFlow {DIV} at (2,2) size 600x20 [bgcolor=#FFC0CB] | |
| 218 LayoutText {#text} at (0,0) size 191x19 | |
| 219 text run at (0,0) width 191: "With relative positioning on cell." | |
| 220 layer at (112,1334) size 604x104 backgroundClip at (0,0) size 0x0 clip at (0,0)
size 0x0 | |
| 221 LayoutTableCell (relative positioned) {TD} at (2,42) size 604x24 [bgcolor=#808
080] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1] | |
| 222 LayoutBlockFlow {DIV} at (2,2) size 600x20 [bgcolor=#FFC0CB] | |
| 223 LayoutText {#text} at (0,0) size 272x19 | |
| 224 text run at (0,0) width 272: "With relative positioning and an offset on
cell." | |
| 225 layer at (108,1622) size 300x100 backgroundClip at (0,0) size 0x0 clip at (0,0)
size 0x0 scrollWidth 600 | |
| 226 LayoutTableCell (relative positioned) {DIV} at (0,40) size 300x20 [r=0 c=0 rs=
1 cs=1] | |
| 227 LayoutBlockFlow {DIV} at (0,0) size 300x20 | |
| 228 LayoutBlockFlow {DIV} at (0,0) size 600x20 [bgcolor=#FFA500] | |
| 229 LayoutText {#text} at (0,0) size 261x19 | |
| 230 text run at (0,0) width 261: "With display:table-cell + relative posit
ioning" | |
| OLD | NEW |