| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 1379 | |
| 2 LayoutView at (0,0) size 800x600 | |
| 3 layer at (0,0) size 785x1379 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 | |
| 4 LayoutBlockFlow {HTML} at (0,0) size 785x1379.19 | |
| 5 LayoutBlockFlow {BODY} at (8,17.41) size 769x1353.78 [color=#00FF00] [bgcolo
r=#333333] | |
| 6 LayoutBlockFlow {H1} at (0,0) size 769x30 | |
| 7 LayoutText {#text} at (0,0) size 515x30 | |
| 8 text run at (0,0) width 515: "CSS2 Table Backgrounds Test Suite" | |
| 9 LayoutBlockFlow {H2} at (0,47.41) size 769x22 | |
| 10 LayoutText {#text} at (0,0) size 270x22 | |
| 11 text run at (0,0) width 270: "Part A: Background Area" | |
| 12 LayoutBlockFlow {H3} at (0,85.58) size 769x17 | |
| 13 LayoutText {#text} at (0,0) size 252x17 | |
| 14 text run at (0,0) width 252: "Background on 'table-column'" | |
| 15 LayoutBlockFlow {P} at (0,117.78) size 769x16 | |
| 16 LayoutText {#text} at (0,0) size 224x16 | |
| 17 text run at (0,0) width 224: "All four columns are styled." | |
| 18 LayoutBlockFlow {P} at (0,146.78) size 769x64 | |
| 19 LayoutText {#text} at (0,0) size 768x64 | |
| 20 text run at (0,0) width 424: "The table column background should be vi
sible within " | |
| 21 text run at (424,0) width 344: "the border edge of each cell originati
ng in" | |
| 22 text run at (0,16) width 160: "the column, and the " | |
| 23 text run at (160,16) width 520: "background should be continuously til
ed to fill the entire cell. " | |
| 24 text run at (680,16) width 80: "Within the" | |
| 25 text run at (0,32) width 448: "column, all stripes should line up as i
f the cells were " | |
| 26 text run at (448,32) width 288: "cutouts in a stencil placed over the" | |
| 27 text run at (0,48) width 152: "column background. " | |
| 28 text run at (152,48) width 480: "Furthermore, horizontal stripes shoul
d align across columns." | |
| 29 LayoutBlockFlow {P} at (0,223.78) size 769x48 | |
| 30 LayoutText {#text} at (0,0) size 752x48 | |
| 31 text run at (0,0) width 320: "A red band should align with the bottom
" | |
| 32 text run at (320,0) width 432: "border edge of the last cell in each c
olumn. An orange" | |
| 33 text run at (0,16) width 56: "stripe " | |
| 34 text run at (56,16) width 520: "should align a few pixels to the left
of the right border of the " | |
| 35 text run at (576,16) width 152: "non-column-spanning" | |
| 36 text run at (0,32) width 168: "cells in each column." | |
| 37 LayoutBlockFlow {DL} at (0,284.78) size 769x96 | |
| 38 LayoutBlockFlow {DT} at (0,0) size 769x16 | |
| 39 LayoutText {#text} at (0,0) size 32x16 | |
| 40 text run at (0,0) width 32: "next" | |
| 41 LayoutBlockFlow {DD} at (40,16) size 729x16 | |
| 42 LayoutInline {A} at (0,0) size 344x16 [color=#FFFF00] | |
| 43 LayoutText {#text} at (0,0) size 344x16 | |
| 44 text run at (0,0) width 344: "Background Area: Background on 'tabl
e-cell'" | |
| 45 LayoutText {#text} at (0,0) size 0x0 | |
| 46 LayoutBlockFlow {DT} at (0,32) size 769x16 | |
| 47 LayoutText {#text} at (0,0) size 64x16 | |
| 48 text run at (0,0) width 64: "previous" | |
| 49 LayoutBlockFlow {DD} at (40,48) size 729x16 | |
| 50 LayoutInline {A} at (0,0) size 336x16 [color=#FFFF00] | |
| 51 LayoutText {#text} at (0,0) size 336x16 | |
| 52 text run at (0,0) width 336: "Background Area: Background on 'tabl
e-row'" | |
| 53 LayoutText {#text} at (0,0) size 0x0 | |
| 54 LayoutBlockFlow {DT} at (0,64) size 769x16 | |
| 55 LayoutText {#text} at (0,0) size 64x16 | |
| 56 text run at (0,0) width 64: "contents" | |
| 57 LayoutBlockFlow {DD} at (40,80) size 729x16 | |
| 58 LayoutInline {A} at (0,0) size 136x16 [color=#FFFF00] | |
| 59 LayoutText {#text} at (0,0) size 136x16 | |
| 60 text run at (0,0) width 136: "Table of Contents" | |
| 61 LayoutText {#text} at (0,0) size 0x0 | |
| 62 LayoutTable {TABLE} at (0,393.78) size 618x471 [color=#FFFFFF] [border: (1
px dotted #FFFFFF)] | |
| 63 LayoutBlockFlow {CAPTION} at (0,0) size 618x27 | |
| 64 LayoutText {#text} at (141,0) size 336x27 | |
| 65 text run at (141,0) width 336: "With 'border-collapse: separate'" | |
| 66 LayoutTableCol {COLGROUP} at (0,0) size 0x0 | |
| 67 LayoutTableCol {COL} at (0,0) size 0x0 [bgcolor=#000000] | |
| 68 LayoutTableCol {COL} at (0,0) size 0x0 [bgcolor=#000000] | |
| 69 LayoutTableCol {COL} at (0,0) size 0x0 [bgcolor=#000000] | |
| 70 LayoutTableCol {COLGROUP} at (0,0) size 0x0 | |
| 71 LayoutTableCol {COL} at (0,0) size 0x0 [bgcolor=#000000] | |
| 72 LayoutTableSection {THEAD} at (1,28) size 616x114 | |
| 73 LayoutTableRow {TR} at (0,7) size 616x100 | |
| 74 LayoutTableCell {TH} at (7,44) size 130x26 [border: (1px dotted #FFF
FFF)] [r=0 c=0 rs=1 cs=1] | |
| 75 LayoutText {#text} at (42,2) size 46x21 | |
| 76 text run at (42,2) width 46: "TH A" | |
| 77 LayoutTableCell {TH} at (144,32) size 220x50 [border: (13px dotted #
FFFFFF)] [r=0 c=1 rs=1 cs=1] | |
| 78 LayoutText {#text} at (87,14) size 46x21 | |
| 79 text run at (87,14) width 46: "TH B" | |
| 80 LayoutTableCell {TH} at (371,44) size 118x26 [border: (1px dotted #F
FFFFF)] [r=0 c=2 rs=1 cs=1] | |
| 81 LayoutText {#text} at (36,2) size 46x21 | |
| 82 text run at (36,2) width 46: "TH C" | |
| 83 LayoutTableCell {TH} at (496,44) size 113x26 [border: (1px dotted #F
FFFFF)] [r=0 c=3 rs=1 cs=1] | |
| 84 LayoutText {#text} at (34,2) size 45x21 | |
| 85 text run at (34,2) width 45: "TH D" | |
| 86 LayoutTableSection {TFOOT} at (1,348) size 616x122 | |
| 87 LayoutTableRow {TR} at (0,0) size 616x115 | |
| 88 LayoutTableCell {TD} at (7,42) size 357x31 [border: (1px dotted #FFF
FFF)] [r=0 c=0 rs=1 cs=2] | |
| 89 LayoutText {#text} at (2,2) size 54x27 | |
| 90 text run at (2,2) width 54: "TD M" | |
| 91 LayoutTableCell {TD} at (371,42) size 118x31 [border: (1px dotted #F
FFFFF)] [r=0 c=2 rs=1 cs=1] | |
| 92 LayoutText {#text} at (2,2) size 52x27 | |
| 93 text run at (2,2) width 52: "TD O" | |
| 94 LayoutTableCell {TD} at (496,42) size 113x31 [border: (1px dotted #F
FFFFF)] [r=0 c=3 rs=1 cs=1] | |
| 95 LayoutText {#text} at (2,2) size 50x27 | |
| 96 text run at (2,2) width 50: "TD P" | |
| 97 LayoutTableSection {TBODY} at (1,142) size 616x206 | |
| 98 LayoutTableRow {TR} at (0,0) size 616x108 | |
| 99 LayoutTableCell {TD} at (7,72) size 130x55 [border: (13px dotted #FF
FFFF)] [r=0 c=0 rs=2 cs=1] | |
| 100 LayoutText {#text} at (14,14) size 50x27 | |
| 101 text run at (14,14) width 50: "TD E" | |
| 102 LayoutTableCell {TD} at (144,38) size 220x31 [border: (1px dotted #F
FFFFF)] [r=0 c=1 rs=1 cs=1] | |
| 103 LayoutText {#text} at (2,2) size 48x27 | |
| 104 text run at (2,2) width 48: "TD F" | |
| 105 LayoutTableCell {TD} at (371,38) size 118x31 [border: (1px dotted #F
FFFFF)] [r=0 c=2 rs=1 cs=1] | |
| 106 LayoutText {#text} at (2,2) size 52x27 | |
| 107 text run at (2,2) width 52: "TD G" | |
| 108 LayoutTableCell {TD} at (496,38) size 113x31 [border: (1px dotted #F
FFFFF)] [r=0 c=3 rs=1 cs=1] | |
| 109 LayoutText {#text} at (2,2) size 52x27 | |
| 110 text run at (2,2) width 52: "TD H" | |
| 111 LayoutTableRow {TR} at (0,115) size 616x84 | |
| 112 LayoutTableCell {TD} at (144,141) size 220x31 [border: (1px dotted #
FFFFFF)] [r=1 c=1 rs=1 cs=1] | |
| 113 LayoutText {#text} at (2,2) size 48x27 | |
| 114 text run at (2,2) width 48: "TD J" | |
| 115 LayoutTableCell {TD} at (371,141) size 118x31 [border: (1px dotted #
FFFFFF)] [r=1 c=2 rs=1 cs=1] | |
| 116 LayoutText {#text} at (2,2) size 52x27 | |
| 117 text run at (2,2) width 52: "TD K" | |
| 118 LayoutTableCell {TD} at (496,141) size 113x31 [border: (1px dotted #
FFFFFF)] [r=1 c=3 rs=1 cs=1] | |
| 119 LayoutText {#text} at (2,2) size 48x27 | |
| 120 text run at (2,2) width 48: "TD L" | |
| 121 LayoutTable {TABLE} at (0,864.78) size 578x437 [color=#FFFFFF] [border: (6
px dotted #FFFFFF)] | |
| 122 LayoutBlockFlow {CAPTION} at (0,0) size 578x27 | |
| 123 LayoutText {#text} at (123,0) size 332x27 | |
| 124 text run at (123,0) width 332: "With 'border-collapse: collapse'" | |
| 125 LayoutTableCol {COLGROUP} at (0,0) size 0x0 | |
| 126 LayoutTableCol {COL} at (0,0) size 0x0 [bgcolor=#000000] | |
| 127 LayoutTableCol {COL} at (0,0) size 0x0 [bgcolor=#000000] | |
| 128 LayoutTableCol {COL} at (0,0) size 0x0 [bgcolor=#000000] | |
| 129 LayoutTableCol {COLGROUP} at (0,0) size 0x0 | |
| 130 LayoutTableCol {COL} at (0,0) size 0x0 [bgcolor=#000000] | |
| 131 LayoutTableSection {THEAD} at (0,33) size 577x99 | |
| 132 LayoutTableRow {TR} at (0,0) size 577x99 | |
| 133 LayoutTableCell {TH} at (0,34) size 135x31 [border: (1px dotted #FFF
FFF)] [r=0 c=0 rs=1 cs=1] | |
| 134 LayoutText {#text} at (42,2) size 46x21 | |
| 135 text run at (42,2) width 46: "TH A" | |
| 136 LayoutTableCell {TH} at (135,31) size 207x37 [border: (7px dotted #F
FFFFF)] [r=0 c=1 rs=1 cs=1] | |
| 137 LayoutText {#text} at (81,8) size 46x21 | |
| 138 text run at (81,8) width 46: "TH B" | |
| 139 LayoutTableCell {TH} at (342,37) size 123x25 [border: (1px dotted #F
FFFFF)] [r=0 c=2 rs=1 cs=1] | |
| 140 LayoutText {#text} at (42,2) size 46x21 | |
| 141 text run at (42,2) width 46: "TH C" | |
| 142 LayoutTableCell {TH} at (465,37) size 112x25 [border: (1px dotted #F
FFFFF)] [r=0 c=3 rs=1 cs=1] | |
| 143 LayoutText {#text} at (34,2) size 45x21 | |
| 144 text run at (34,2) width 45: "TH D" | |
| 145 LayoutTableSection {TFOOT} at (0,322) size 577x114 | |
| 146 LayoutTableRow {TR} at (0,0) size 577x114 | |
| 147 LayoutTableCell {TD} at (0,39) size 342x36 [border: (7px dotted #FFF
FFF)] [r=0 c=0 rs=1 cs=2] | |
| 148 LayoutText {#text} at (2,8) size 54x27 | |
| 149 text run at (2,8) width 54: "TD M" | |
| 150 LayoutTableCell {TD} at (342,42) size 123x30 [border: (1px dotted #F
FFFFF)] [r=0 c=2 rs=1 cs=1] | |
| 151 LayoutText {#text} at (2,2) size 52x27 | |
| 152 text run at (2,2) width 52: "TD O" | |
| 153 LayoutTableCell {TD} at (465,42) size 112x30 [border: (1px dotted #F
FFFFF)] [r=0 c=3 rs=1 cs=1] | |
| 154 LayoutText {#text} at (2,2) size 50x27 | |
| 155 text run at (2,2) width 50: "TD P" | |
| 156 LayoutTableSection {TBODY} at (0,132) size 577x190 | |
| 157 LayoutTableRow {TR} at (0,0) size 577x107 | |
| 158 LayoutTableCell {TD} at (0,74) size 135x42 [border: (7px dotted #FFF
FFF)] [r=0 c=0 rs=2 cs=1] | |
| 159 LayoutText {#text} at (8,8) size 50x27 | |
| 160 text run at (8,8) width 50: "TD E" | |
| 161 LayoutTableCell {TD} at (135,35) size 207x36 [border: (7px dotted #F
FFFFF)] [r=0 c=1 rs=1 cs=1] | |
| 162 LayoutText {#text} at (8,8) size 48x27 | |
| 163 text run at (8,8) width 48: "TD F" | |
| 164 LayoutTableCell {TD} at (342,38) size 123x30 [border: (1px dotted #F
FFFFF)] [r=0 c=2 rs=1 cs=1] | |
| 165 LayoutText {#text} at (2,2) size 52x27 | |
| 166 text run at (2,2) width 52: "TD G" | |
| 167 LayoutTableCell {TD} at (465,38) size 112x30 [border: (1px dotted #F
FFFFF)] [r=0 c=3 rs=1 cs=1] | |
| 168 LayoutText {#text} at (2,2) size 52x27 | |
| 169 text run at (2,2) width 52: "TD H" | |
| 170 LayoutTableRow {TR} at (0,107) size 577x83 | |
| 171 LayoutTableCell {TD} at (135,133) size 207x30 [border: (1px dotted #
FFFFFF)] [r=1 c=1 rs=1 cs=1] | |
| 172 LayoutText {#text} at (8,2) size 48x27 | |
| 173 text run at (8,2) width 48: "TD J" | |
| 174 LayoutTableCell {TD} at (342,133) size 123x30 [border: (1px dotted #
FFFFFF)] [r=1 c=2 rs=1 cs=1] | |
| 175 LayoutText {#text} at (2,2) size 52x27 | |
| 176 text run at (2,2) width 52: "TD K" | |
| 177 LayoutTableCell {TD} at (465,133) size 112x30 [border: (1px dotted #
FFFFFF)] [r=1 c=3 rs=1 cs=1] | |
| 178 LayoutText {#text} at (2,2) size 48x27 | |
| 179 text run at (2,2) width 48: "TD L" | |
| 180 LayoutBlockFlow {DIV} at (0,1301.78) size 769x35 | |
| 181 LayoutInline {A} at (0,0) size 88x16 [color=#FFFF00] | |
| 182 LayoutImage {IMG} at (0,0) size 88x31 | |
| 183 LayoutText {#text} at (0,0) size 0x0 | |
| 184 LayoutBlockFlow {ADDRESS} at (0,1336.78) size 769x17 | |
| 185 LayoutText {#text} at (0,0) size 704x17 | |
| 186 text run at (0,0) width 704: "CSS2 Table Backgrounds Test Suite design
ed and written by fantasai <fantasai@escape.com>" | |
| OLD | NEW |