| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 800x600 scrollHeight 610 | |
| 2 LayoutView at (0,0) size 800x600 | |
| 3 layer at (0,0) size 800x610 backgroundClip at (0,0) size 800x600 clip at (0,0) s
ize 800x600 | |
| 4 LayoutBlockFlow {HTML} at (0,0) size 800x610 | |
| 5 LayoutBlockFlow {BODY} at (8,8) size 784x594 | |
| 6 LayoutBlockFlow {P} at (0,0) size 784x20 | |
| 7 LayoutText {#text} at (0,0) size 681x19 | |
| 8 text run at (0,0) width 147: "Here's the original case. " | |
| 9 text run at (147,0) width 534: "All of the cells have images that fill
to their given widths except the ones marked \"Empty\"." | |
| 10 LayoutTable {TABLE} at (0,36) size 566x60 [bgcolor=#00FFFF] | |
| 11 LayoutTableSection {TBODY} at (0,0) size 566x60 | |
| 12 LayoutTableRow {TR} at (0,0) size 566x40 | |
| 13 LayoutTableCell {TD} at (0,0) size 222x40 [bgcolor=#FF0000] [r=0 c=0
rs=1 cs=1] | |
| 14 LayoutBlockFlow {IMG} at (0,0) size 222x40 | |
| 15 LayoutTableCell {TD} at (222,0) size 145x40 [bgcolor=#666600] [r=0 c
=1 rs=1 cs=1] | |
| 16 LayoutBlockFlow {IMG} at (0,0) size 145x40 | |
| 17 LayoutTableCell {TD} at (367,10) size 199x20 [bgcolor=#009999] [r=0
c=2 rs=1 cs=1] | |
| 18 LayoutText {#text} at (0,0) size 39x19 | |
| 19 text run at (0,0) width 39: "Empty" | |
| 20 LayoutTableRow {TR} at (0,40) size 566x20 | |
| 21 LayoutTableCell {TD} at (0,40) size 367x20 [bgcolor=#0000FF] [r=1 c=
0 rs=1 cs=2] | |
| 22 LayoutBlockFlow {IMG} at (0,0) size 367x20 | |
| 23 LayoutTableCell {TD} at (367,40) size 199x20 [bgcolor=#990099] [r=1
c=2 rs=1 cs=1] | |
| 24 LayoutText {#text} at (0,0) size 39x19 | |
| 25 text run at (0,0) width 39: "Empty" | |
| 26 LayoutBlockFlow {P} at (0,112) size 784x20 | |
| 27 LayoutText {#text} at (0,0) size 355x19 | |
| 28 text run at (0,0) width 355: "If we fill either empty out with text, t
he problem goes away." | |
| 29 LayoutTable {TABLE} at (0,148) size 566x80 [bgcolor=#00FFFF] | |
| 30 LayoutTableSection {TBODY} at (0,0) size 566x80 | |
| 31 LayoutTableRow {TR} at (0,0) size 566x60 | |
| 32 LayoutTableCell {TD} at (0,10) size 222x40 [bgcolor=#FF0000] [r=0 c=
0 rs=1 cs=1] | |
| 33 LayoutBlockFlow {IMG} at (0,0) size 222x40 | |
| 34 LayoutTableCell {TD} at (222,10) size 145x40 [bgcolor=#666600] [r=0
c=1 rs=1 cs=1] | |
| 35 LayoutBlockFlow {IMG} at (0,0) size 145x40 | |
| 36 LayoutTableCell {TD} at (367,0) size 199x60 [bgcolor=#009999] [r=0 c
=2 rs=1 cs=1] | |
| 37 LayoutText {#text} at (0,0) size 186x59 | |
| 38 text run at (0,0) width 186: "Empty - lots of text here now -" | |
| 39 text run at (0,20) width 179: "and more and more and more" | |
| 40 text run at (0,40) width 47: "text in it" | |
| 41 LayoutTableRow {TR} at (0,60) size 566x20 | |
| 42 LayoutTableCell {TD} at (0,60) size 367x20 [bgcolor=#0000FF] [r=1 c=
0 rs=1 cs=2] | |
| 43 LayoutBlockFlow {IMG} at (0,0) size 367x20 | |
| 44 LayoutTableCell {TD} at (367,60) size 199x20 [bgcolor=#990099] [r=1
c=2 rs=1 cs=1] | |
| 45 LayoutText {#text} at (0,0) size 39x19 | |
| 46 text run at (0,0) width 39: "Empty" | |
| 47 LayoutBlockFlow {P} at (0,244) size 784x20 | |
| 48 LayoutText {#text} at (0,0) size 4x19 | |
| 49 text run at (0,0) width 4: " " | |
| 50 LayoutTable {TABLE} at (0,280) size 566x80 [bgcolor=#00FFFF] | |
| 51 LayoutTableSection {TBODY} at (0,0) size 566x80 | |
| 52 LayoutTableRow {TR} at (0,0) size 566x40 | |
| 53 LayoutTableCell {TD} at (0,0) size 222x40 [bgcolor=#FF0000] [r=0 c=0
rs=1 cs=1] | |
| 54 LayoutBlockFlow {IMG} at (0,0) size 222x40 | |
| 55 LayoutTableCell {TD} at (222,0) size 145x40 [bgcolor=#666600] [r=0 c
=1 rs=1 cs=1] | |
| 56 LayoutBlockFlow {IMG} at (0,0) size 145x40 | |
| 57 LayoutTableCell {TD} at (367,10) size 199x20 [bgcolor=#009999] [r=0
c=2 rs=1 cs=1] | |
| 58 LayoutText {#text} at (0,0) size 39x19 | |
| 59 text run at (0,0) width 39: "Empty" | |
| 60 LayoutTableRow {TR} at (0,40) size 566x40 | |
| 61 LayoutTableCell {TD} at (0,50) size 367x20 [bgcolor=#0000FF] [r=1 c=
0 rs=1 cs=2] | |
| 62 LayoutBlockFlow {IMG} at (0,0) size 367x20 | |
| 63 LayoutTableCell {TD} at (367,40) size 199x40 [bgcolor=#990099] [r=1
c=2 rs=1 cs=1] | |
| 64 LayoutText {#text} at (0,0) size 199x39 | |
| 65 text run at (0,0) width 199: "Empty - this has lots and lots and
" | |
| 66 text run at (0,20) width 88: "lots of text in it" | |
| 67 LayoutBlockFlow {P} at (0,376) size 784x20 | |
| 68 LayoutText {#text} at (0,0) size 438x19 | |
| 69 text run at (0,0) width 438: "Taking away either the cellpadding=0 or
cellspacing=0 fixes the problem." | |
| 70 LayoutTable {TABLE} at (0,412) size 566x70 [bgcolor=#00FFFF] | |
| 71 LayoutTableSection {TBODY} at (0,0) size 566x70 | |
| 72 LayoutTableRow {TR} at (0,2) size 566x42 | |
| 73 LayoutTableCell {TD} at (2,2) size 224x42 [bgcolor=#FF0000] [r=0 c=0
rs=1 cs=1] | |
| 74 LayoutBlockFlow {IMG} at (1,1) size 222x40 | |
| 75 LayoutTableCell {TD} at (228,2) size 147x42 [bgcolor=#666600] [r=0 c
=1 rs=1 cs=1] | |
| 76 LayoutBlockFlow {IMG} at (1,1) size 145x40 | |
| 77 LayoutTableCell {TD} at (377,12) size 187x22 [bgcolor=#009999] [r=0
c=2 rs=1 cs=1] | |
| 78 LayoutText {#text} at (1,1) size 39x19 | |
| 79 text run at (1,1) width 39: "Empty" | |
| 80 LayoutTableRow {TR} at (0,46) size 566x22 | |
| 81 LayoutTableCell {TD} at (2,46) size 373x22 [bgcolor=#0000FF] [r=1 c=
0 rs=1 cs=2] | |
| 82 LayoutBlockFlow {IMG} at (1,1) size 367x20 | |
| 83 LayoutTableCell {TD} at (377,46) size 187x22 [bgcolor=#990099] [r=1
c=2 rs=1 cs=1] | |
| 84 LayoutText {#text} at (1,1) size 39x19 | |
| 85 text run at (1,1) width 39: "Empty" | |
| 86 LayoutBlockFlow {P} at (0,498) size 784x20 | |
| 87 LayoutText {#text} at (0,0) size 300x19 | |
| 88 text run at (0,0) width 300: "As does removing the explicit width on t
he table..." | |
| 89 LayoutTable {TABLE} at (0,534) size 566x60 [bgcolor=#00FFFF] | |
| 90 LayoutTableSection {TBODY} at (0,0) size 566x60 | |
| 91 LayoutTableRow {TR} at (0,0) size 566x40 | |
| 92 LayoutTableCell {TD} at (0,0) size 222x40 [bgcolor=#FF0000] [r=0 c=0
rs=1 cs=1] | |
| 93 LayoutBlockFlow {IMG} at (0,0) size 222x40 | |
| 94 LayoutTableCell {TD} at (222,0) size 145x40 [bgcolor=#666600] [r=0 c
=1 rs=1 cs=1] | |
| 95 LayoutBlockFlow {IMG} at (0,0) size 145x40 | |
| 96 LayoutTableCell {TD} at (367,10) size 199x20 [bgcolor=#009999] [r=0
c=2 rs=1 cs=1] | |
| 97 LayoutText {#text} at (0,0) size 39x19 | |
| 98 text run at (0,0) width 39: "Empty" | |
| 99 LayoutTableRow {TR} at (0,40) size 566x20 | |
| 100 LayoutTableCell {TD} at (0,40) size 367x20 [bgcolor=#0000FF] [r=1 c=
0 rs=1 cs=2] | |
| 101 LayoutBlockFlow {IMG} at (0,0) size 367x20 | |
| 102 LayoutTableCell {TD} at (367,40) size 199x20 [bgcolor=#990099] [r=1
c=2 rs=1 cs=1] | |
| 103 LayoutText {#text} at (0,0) size 39x19 | |
| 104 text run at (0,0) width 39: "Empty" | |
| 105 layer at (8,44) size 222x40 clip at (9,45) size 220x38 | |
| 106 LayoutBlockFlow {DIV} at (0,0) size 222x40 [border: (1px solid #C0C0C0)] | |
| 107 layer at (10,46) size 218x20 | |
| 108 LayoutBlockFlow {DIV} at (2,2) size 218x20 | |
| 109 LayoutText {#text} at (0,0) size 103x19 | |
| 110 text run at (0,0) width 103: "Hometown AOL" | |
| 111 layer at (230,44) size 145x40 clip at (231,45) size 143x38 | |
| 112 LayoutBlockFlow {DIV} at (0,0) size 145x40 [border: (1px solid #C0C0C0)] | |
| 113 layer at (232,46) size 141x20 | |
| 114 LayoutBlockFlow {DIV} at (2,2) size 141x20 | |
| 115 LayoutText {#text} at (0,0) size 101x19 | |
| 116 text run at (0,0) width 101: "Quick Start Link" | |
| 117 layer at (8,84) size 367x20 clip at (9,85) size 365x18 scrollHeight 22 | |
| 118 LayoutBlockFlow {DIV} at (0,0) size 367x20 [border: (1px solid #C0C0C0)] | |
| 119 layer at (10,86) size 363x20 backgroundClip at (10,86) size 363x17 clip at (10,8
6) size 363x17 | |
| 120 LayoutBlockFlow {DIV} at (2,2) size 363x20 | |
| 121 LayoutText {#text} at (0,0) size 57x19 | |
| 122 text run at (0,0) width 57: "Welcome" | |
| 123 layer at (8,166) size 222x40 clip at (9,167) size 220x38 | |
| 124 LayoutBlockFlow {DIV} at (0,0) size 222x40 [border: (1px solid #C0C0C0)] | |
| 125 layer at (10,168) size 218x20 | |
| 126 LayoutBlockFlow {DIV} at (2,2) size 218x20 | |
| 127 LayoutText {#text} at (0,0) size 103x19 | |
| 128 text run at (0,0) width 103: "Hometown AOL" | |
| 129 layer at (230,166) size 145x40 clip at (231,167) size 143x38 | |
| 130 LayoutBlockFlow {DIV} at (0,0) size 145x40 [border: (1px solid #C0C0C0)] | |
| 131 layer at (232,168) size 141x20 | |
| 132 LayoutBlockFlow {DIV} at (2,2) size 141x20 | |
| 133 LayoutText {#text} at (0,0) size 101x19 | |
| 134 text run at (0,0) width 101: "Quick Start Link" | |
| 135 layer at (8,216) size 367x20 clip at (9,217) size 365x18 scrollHeight 22 | |
| 136 LayoutBlockFlow {DIV} at (0,0) size 367x20 [border: (1px solid #C0C0C0)] | |
| 137 layer at (10,218) size 363x20 backgroundClip at (10,218) size 363x17 clip at (10
,218) size 363x17 | |
| 138 LayoutBlockFlow {DIV} at (2,2) size 363x20 | |
| 139 LayoutText {#text} at (0,0) size 57x19 | |
| 140 text run at (0,0) width 57: "Welcome" | |
| 141 layer at (8,288) size 222x40 clip at (9,289) size 220x38 | |
| 142 LayoutBlockFlow {DIV} at (0,0) size 222x40 [border: (1px solid #C0C0C0)] | |
| 143 layer at (10,290) size 218x20 | |
| 144 LayoutBlockFlow {DIV} at (2,2) size 218x20 | |
| 145 LayoutText {#text} at (0,0) size 103x19 | |
| 146 text run at (0,0) width 103: "Hometown AOL" | |
| 147 layer at (230,288) size 145x40 clip at (231,289) size 143x38 | |
| 148 LayoutBlockFlow {DIV} at (0,0) size 145x40 [border: (1px solid #C0C0C0)] | |
| 149 layer at (232,290) size 141x20 | |
| 150 LayoutBlockFlow {DIV} at (2,2) size 141x20 | |
| 151 LayoutText {#text} at (0,0) size 101x19 | |
| 152 text run at (0,0) width 101: "Quick Start Link" | |
| 153 layer at (8,338) size 367x20 clip at (9,339) size 365x18 scrollHeight 22 | |
| 154 LayoutBlockFlow {DIV} at (0,0) size 367x20 [border: (1px solid #C0C0C0)] | |
| 155 layer at (10,340) size 363x20 backgroundClip at (10,340) size 363x17 clip at (10
,340) size 363x17 | |
| 156 LayoutBlockFlow {DIV} at (2,2) size 363x20 | |
| 157 LayoutText {#text} at (0,0) size 57x19 | |
| 158 text run at (0,0) width 57: "Welcome" | |
| 159 layer at (11,423) size 222x40 clip at (12,424) size 220x38 | |
| 160 LayoutBlockFlow {DIV} at (0,0) size 222x40 [border: (1px solid #C0C0C0)] | |
| 161 layer at (13,425) size 218x20 | |
| 162 LayoutBlockFlow {DIV} at (2,2) size 218x20 | |
| 163 LayoutText {#text} at (0,0) size 103x19 | |
| 164 text run at (0,0) width 103: "Hometown AOL" | |
| 165 layer at (237,423) size 145x40 clip at (238,424) size 143x38 | |
| 166 LayoutBlockFlow {DIV} at (0,0) size 145x40 [border: (1px solid #C0C0C0)] | |
| 167 layer at (239,425) size 141x20 | |
| 168 LayoutBlockFlow {DIV} at (2,2) size 141x20 | |
| 169 LayoutText {#text} at (0,0) size 101x19 | |
| 170 text run at (0,0) width 101: "Quick Start Link" | |
| 171 layer at (11,467) size 367x20 clip at (12,468) size 365x18 scrollHeight 22 | |
| 172 LayoutBlockFlow {DIV} at (0,0) size 367x20 [border: (1px solid #C0C0C0)] | |
| 173 layer at (13,469) size 363x20 backgroundClip at (13,469) size 363x17 clip at (13
,469) size 363x17 | |
| 174 LayoutBlockFlow {DIV} at (2,2) size 363x20 | |
| 175 LayoutText {#text} at (0,0) size 57x19 | |
| 176 text run at (0,0) width 57: "Welcome" | |
| 177 layer at (8,542) size 222x40 clip at (9,543) size 220x38 | |
| 178 LayoutBlockFlow {DIV} at (0,0) size 222x40 [border: (1px solid #C0C0C0)] | |
| 179 layer at (10,544) size 218x20 | |
| 180 LayoutBlockFlow {DIV} at (2,2) size 218x20 | |
| 181 LayoutText {#text} at (0,0) size 103x19 | |
| 182 text run at (0,0) width 103: "Hometown AOL" | |
| 183 layer at (230,542) size 145x40 clip at (231,543) size 143x38 | |
| 184 LayoutBlockFlow {DIV} at (0,0) size 145x40 [border: (1px solid #C0C0C0)] | |
| 185 layer at (232,544) size 141x20 | |
| 186 LayoutBlockFlow {DIV} at (2,2) size 141x20 | |
| 187 LayoutText {#text} at (0,0) size 101x19 | |
| 188 text run at (0,0) width 101: "Quick Start Link" | |
| 189 layer at (8,582) size 367x20 backgroundClip at (8,582) size 367x18 clip at (9,58
3) size 365x17 scrollHeight 22 | |
| 190 LayoutBlockFlow {DIV} at (0,0) size 367x20 [border: (1px solid #C0C0C0)] | |
| 191 layer at (10,584) size 363x20 backgroundClip at (10,584) size 363x16 clip at (10
,584) size 363x16 | |
| 192 LayoutBlockFlow {DIV} at (2,2) size 363x20 | |
| 193 LayoutText {#text} at (0,0) size 57x19 | |
| 194 text run at (0,0) width 57: "Welcome" | |
| OLD | NEW |