OLD | NEW |
1 layer at (0,0) size 800x610 | 1 layer at (0,0) size 800x610 |
2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
3 layer at (0,0) size 800x610 | 3 layer at (0,0) size 800x610 |
4 RenderBlock {HTML} at (0,0) size 800x610 | 4 RenderBlock {HTML} at (0,0) size 800x610 |
5 RenderBody {BODY} at (8,8) size 784x594 | 5 RenderBody {BODY} at (8,8) size 784x594 |
6 RenderBlock {P} at (0,0) size 784x20 | 6 RenderBlock {P} at (0,0) size 784x20 |
7 RenderText {#text} at (0,0) size 681x19 | 7 RenderText {#text} at (0,0) size 681x19 |
8 text run at (0,0) width 147: "Here's the original case. " | 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\"." | 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 RenderTable {TABLE} at (0,36) size 566x60 [bgcolor=#00FFFF] | 10 RenderTable {TABLE} at (0,36) size 566x60 [bgcolor=#00FFFF] |
11 RenderTableSection {TBODY} at (0,0) size 566x60 | 11 RenderTableSection {TBODY} at (0,0) size 566x60 |
12 RenderTableRow {TR} at (0,0) size 566x40 | 12 RenderTableRow {TR} at (0,0) size 566x40 |
13 RenderTableCell {TD} at (0,0) size 222x40 [bgcolor=#FF0000] [r=0 c=0
rs=1 cs=1] | 13 RenderTableCell {TD} at (0,0) size 222x40 [bgcolor=#FF0000] [r=0 c=0
rs=1 cs=1] |
14 RenderImage {IMG} at (0,0) size 222x40 | 14 RenderBlock {IMG} at (0,0) size 222x40 |
15 RenderTableCell {TD} at (222,0) size 145x40 [bgcolor=#666600] [r=0 c
=1 rs=1 cs=1] | 15 RenderTableCell {TD} at (222,0) size 145x40 [bgcolor=#666600] [r=0 c
=1 rs=1 cs=1] |
16 RenderImage {IMG} at (0,0) size 145x40 | 16 RenderBlock {IMG} at (0,0) size 145x40 |
17 RenderTableCell {TD} at (367,10) size 199x20 [bgcolor=#009999] [r=0
c=2 rs=1 cs=1] | 17 RenderTableCell {TD} at (367,10) size 199x20 [bgcolor=#009999] [r=0
c=2 rs=1 cs=1] |
18 RenderText {#text} at (0,0) size 39x19 | 18 RenderText {#text} at (0,0) size 39x19 |
19 text run at (0,0) width 39: "Empty" | 19 text run at (0,0) width 39: "Empty" |
20 RenderTableRow {TR} at (0,40) size 566x20 | 20 RenderTableRow {TR} at (0,40) size 566x20 |
21 RenderTableCell {TD} at (0,40) size 367x20 [bgcolor=#0000FF] [r=1 c=
0 rs=1 cs=2] | 21 RenderTableCell {TD} at (0,40) size 367x20 [bgcolor=#0000FF] [r=1 c=
0 rs=1 cs=2] |
22 RenderImage {IMG} at (0,0) size 367x20 | 22 RenderBlock {IMG} at (0,0) size 367x20 |
23 RenderTableCell {TD} at (367,40) size 199x20 [bgcolor=#990099] [r=1
c=2 rs=1 cs=1] | 23 RenderTableCell {TD} at (367,40) size 199x20 [bgcolor=#990099] [r=1
c=2 rs=1 cs=1] |
24 RenderText {#text} at (0,0) size 39x19 | 24 RenderText {#text} at (0,0) size 39x19 |
25 text run at (0,0) width 39: "Empty" | 25 text run at (0,0) width 39: "Empty" |
26 RenderBlock {P} at (0,112) size 784x20 | 26 RenderBlock {P} at (0,112) size 784x20 |
27 RenderText {#text} at (0,0) size 356x19 | 27 RenderText {#text} at (0,0) size 356x19 |
28 text run at (0,0) width 356: "If we fill either empty out with text, t
he problem goes away." | 28 text run at (0,0) width 356: "If we fill either empty out with text, t
he problem goes away." |
29 RenderTable {TABLE} at (0,148) size 566x80 [bgcolor=#00FFFF] | 29 RenderTable {TABLE} at (0,148) size 566x80 [bgcolor=#00FFFF] |
30 RenderTableSection {TBODY} at (0,0) size 566x80 | 30 RenderTableSection {TBODY} at (0,0) size 566x80 |
31 RenderTableRow {TR} at (0,0) size 566x60 | 31 RenderTableRow {TR} at (0,0) size 566x60 |
32 RenderTableCell {TD} at (0,10) size 222x40 [bgcolor=#FF0000] [r=0 c=
0 rs=1 cs=1] | 32 RenderTableCell {TD} at (0,10) size 222x40 [bgcolor=#FF0000] [r=0 c=
0 rs=1 cs=1] |
33 RenderImage {IMG} at (0,0) size 222x40 | 33 RenderBlock {IMG} at (0,0) size 222x40 |
34 RenderTableCell {TD} at (222,10) size 145x40 [bgcolor=#666600] [r=0
c=1 rs=1 cs=1] | 34 RenderTableCell {TD} at (222,10) size 145x40 [bgcolor=#666600] [r=0
c=1 rs=1 cs=1] |
35 RenderImage {IMG} at (0,0) size 145x40 | 35 RenderBlock {IMG} at (0,0) size 145x40 |
36 RenderTableCell {TD} at (367,0) size 199x60 [bgcolor=#009999] [r=0 c
=2 rs=1 cs=1] | 36 RenderTableCell {TD} at (367,0) size 199x60 [bgcolor=#009999] [r=0 c
=2 rs=1 cs=1] |
37 RenderText {#text} at (0,0) size 186x59 | 37 RenderText {#text} at (0,0) size 186x59 |
38 text run at (0,0) width 186: "Empty - lots of text here now -" | 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" | 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" | 40 text run at (0,40) width 47: "text in it" |
41 RenderTableRow {TR} at (0,60) size 566x20 | 41 RenderTableRow {TR} at (0,60) size 566x20 |
42 RenderTableCell {TD} at (0,60) size 367x20 [bgcolor=#0000FF] [r=1 c=
0 rs=1 cs=2] | 42 RenderTableCell {TD} at (0,60) size 367x20 [bgcolor=#0000FF] [r=1 c=
0 rs=1 cs=2] |
43 RenderImage {IMG} at (0,0) size 367x20 | 43 RenderBlock {IMG} at (0,0) size 367x20 |
44 RenderTableCell {TD} at (367,60) size 199x20 [bgcolor=#990099] [r=1
c=2 rs=1 cs=1] | 44 RenderTableCell {TD} at (367,60) size 199x20 [bgcolor=#990099] [r=1
c=2 rs=1 cs=1] |
45 RenderText {#text} at (0,0) size 39x19 | 45 RenderText {#text} at (0,0) size 39x19 |
46 text run at (0,0) width 39: "Empty" | 46 text run at (0,0) width 39: "Empty" |
47 RenderBlock {P} at (0,244) size 784x20 | 47 RenderBlock {P} at (0,244) size 784x20 |
48 RenderText {#text} at (0,0) size 4x19 | 48 RenderText {#text} at (0,0) size 4x19 |
49 text run at (0,0) width 4: " " | 49 text run at (0,0) width 4: " " |
50 RenderTable {TABLE} at (0,280) size 566x80 [bgcolor=#00FFFF] | 50 RenderTable {TABLE} at (0,280) size 566x80 [bgcolor=#00FFFF] |
51 RenderTableSection {TBODY} at (0,0) size 566x80 | 51 RenderTableSection {TBODY} at (0,0) size 566x80 |
52 RenderTableRow {TR} at (0,0) size 566x40 | 52 RenderTableRow {TR} at (0,0) size 566x40 |
53 RenderTableCell {TD} at (0,0) size 222x40 [bgcolor=#FF0000] [r=0 c=0
rs=1 cs=1] | 53 RenderTableCell {TD} at (0,0) size 222x40 [bgcolor=#FF0000] [r=0 c=0
rs=1 cs=1] |
54 RenderImage {IMG} at (0,0) size 222x40 | 54 RenderBlock {IMG} at (0,0) size 222x40 |
55 RenderTableCell {TD} at (222,0) size 145x40 [bgcolor=#666600] [r=0 c
=1 rs=1 cs=1] | 55 RenderTableCell {TD} at (222,0) size 145x40 [bgcolor=#666600] [r=0 c
=1 rs=1 cs=1] |
56 RenderImage {IMG} at (0,0) size 145x40 | 56 RenderBlock {IMG} at (0,0) size 145x40 |
57 RenderTableCell {TD} at (367,10) size 199x20 [bgcolor=#009999] [r=0
c=2 rs=1 cs=1] | 57 RenderTableCell {TD} at (367,10) size 199x20 [bgcolor=#009999] [r=0
c=2 rs=1 cs=1] |
58 RenderText {#text} at (0,0) size 39x19 | 58 RenderText {#text} at (0,0) size 39x19 |
59 text run at (0,0) width 39: "Empty" | 59 text run at (0,0) width 39: "Empty" |
60 RenderTableRow {TR} at (0,40) size 566x40 | 60 RenderTableRow {TR} at (0,40) size 566x40 |
61 RenderTableCell {TD} at (0,50) size 367x20 [bgcolor=#0000FF] [r=1 c=
0 rs=1 cs=2] | 61 RenderTableCell {TD} at (0,50) size 367x20 [bgcolor=#0000FF] [r=1 c=
0 rs=1 cs=2] |
62 RenderImage {IMG} at (0,0) size 367x20 | 62 RenderBlock {IMG} at (0,0) size 367x20 |
63 RenderTableCell {TD} at (367,40) size 199x40 [bgcolor=#990099] [r=1
c=2 rs=1 cs=1] | 63 RenderTableCell {TD} at (367,40) size 199x40 [bgcolor=#990099] [r=1
c=2 rs=1 cs=1] |
64 RenderText {#text} at (0,0) size 199x39 | 64 RenderText {#text} at (0,0) size 199x39 |
65 text run at (0,0) width 199: "Empty - this has lots and lots and
" | 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" | 66 text run at (0,20) width 88: "lots of text in it" |
67 RenderBlock {P} at (0,376) size 784x20 | 67 RenderBlock {P} at (0,376) size 784x20 |
68 RenderText {#text} at (0,0) size 439x19 | 68 RenderText {#text} at (0,0) size 439x19 |
69 text run at (0,0) width 439: "Taking away either the cellpadding=0 or
cellspacing=0 fixes the problem." | 69 text run at (0,0) width 439: "Taking away either the cellpadding=0 or
cellspacing=0 fixes the problem." |
70 RenderTable {TABLE} at (0,412) size 566x70 [bgcolor=#00FFFF] | 70 RenderTable {TABLE} at (0,412) size 566x70 [bgcolor=#00FFFF] |
71 RenderTableSection {TBODY} at (0,0) size 566x70 | 71 RenderTableSection {TBODY} at (0,0) size 566x70 |
72 RenderTableRow {TR} at (0,2) size 566x42 | 72 RenderTableRow {TR} at (0,2) size 566x42 |
73 RenderTableCell {TD} at (2,2) size 224x42 [bgcolor=#FF0000] [r=0 c=0
rs=1 cs=1] | 73 RenderTableCell {TD} at (2,2) size 224x42 [bgcolor=#FF0000] [r=0 c=0
rs=1 cs=1] |
74 RenderImage {IMG} at (1,1) size 222x40 | 74 RenderBlock {IMG} at (1,1) size 222x40 |
75 RenderTableCell {TD} at (228,2) size 147x42 [bgcolor=#666600] [r=0 c
=1 rs=1 cs=1] | 75 RenderTableCell {TD} at (228,2) size 147x42 [bgcolor=#666600] [r=0 c
=1 rs=1 cs=1] |
76 RenderImage {IMG} at (1,1) size 145x40 | 76 RenderBlock {IMG} at (1,1) size 145x40 |
77 RenderTableCell {TD} at (377,12) size 187x22 [bgcolor=#009999] [r=0
c=2 rs=1 cs=1] | 77 RenderTableCell {TD} at (377,12) size 187x22 [bgcolor=#009999] [r=0
c=2 rs=1 cs=1] |
78 RenderText {#text} at (1,1) size 39x19 | 78 RenderText {#text} at (1,1) size 39x19 |
79 text run at (1,1) width 39: "Empty" | 79 text run at (1,1) width 39: "Empty" |
80 RenderTableRow {TR} at (0,46) size 566x22 | 80 RenderTableRow {TR} at (0,46) size 566x22 |
81 RenderTableCell {TD} at (2,46) size 373x22 [bgcolor=#0000FF] [r=1 c=
0 rs=1 cs=2] | 81 RenderTableCell {TD} at (2,46) size 373x22 [bgcolor=#0000FF] [r=1 c=
0 rs=1 cs=2] |
82 RenderImage {IMG} at (1,1) size 367x20 | 82 RenderBlock {IMG} at (1,1) size 367x20 |
83 RenderTableCell {TD} at (377,46) size 187x22 [bgcolor=#990099] [r=1
c=2 rs=1 cs=1] | 83 RenderTableCell {TD} at (377,46) size 187x22 [bgcolor=#990099] [r=1
c=2 rs=1 cs=1] |
84 RenderText {#text} at (1,1) size 39x19 | 84 RenderText {#text} at (1,1) size 39x19 |
85 text run at (1,1) width 39: "Empty" | 85 text run at (1,1) width 39: "Empty" |
86 RenderBlock {P} at (0,498) size 784x20 | 86 RenderBlock {P} at (0,498) size 784x20 |
87 RenderText {#text} at (0,0) size 300x19 | 87 RenderText {#text} at (0,0) size 300x19 |
88 text run at (0,0) width 300: "As does removing the explicit width on t
he table..." | 88 text run at (0,0) width 300: "As does removing the explicit width on t
he table..." |
89 RenderTable {TABLE} at (0,534) size 566x60 [bgcolor=#00FFFF] | 89 RenderTable {TABLE} at (0,534) size 566x60 [bgcolor=#00FFFF] |
90 RenderTableSection {TBODY} at (0,0) size 566x60 | 90 RenderTableSection {TBODY} at (0,0) size 566x60 |
91 RenderTableRow {TR} at (0,0) size 566x40 | 91 RenderTableRow {TR} at (0,0) size 566x40 |
92 RenderTableCell {TD} at (0,0) size 222x40 [bgcolor=#FF0000] [r=0 c=0
rs=1 cs=1] | 92 RenderTableCell {TD} at (0,0) size 222x40 [bgcolor=#FF0000] [r=0 c=0
rs=1 cs=1] |
93 RenderImage {IMG} at (0,0) size 222x40 | 93 RenderBlock {IMG} at (0,0) size 222x40 |
94 RenderTableCell {TD} at (222,0) size 145x40 [bgcolor=#666600] [r=0 c
=1 rs=1 cs=1] | 94 RenderTableCell {TD} at (222,0) size 145x40 [bgcolor=#666600] [r=0 c
=1 rs=1 cs=1] |
95 RenderImage {IMG} at (0,0) size 145x40 | 95 RenderBlock {IMG} at (0,0) size 145x40 |
96 RenderTableCell {TD} at (367,10) size 199x20 [bgcolor=#009999] [r=0
c=2 rs=1 cs=1] | 96 RenderTableCell {TD} at (367,10) size 199x20 [bgcolor=#009999] [r=0
c=2 rs=1 cs=1] |
97 RenderText {#text} at (0,0) size 39x19 | 97 RenderText {#text} at (0,0) size 39x19 |
98 text run at (0,0) width 39: "Empty" | 98 text run at (0,0) width 39: "Empty" |
99 RenderTableRow {TR} at (0,40) size 566x20 | 99 RenderTableRow {TR} at (0,40) size 566x20 |
100 RenderTableCell {TD} at (0,40) size 367x20 [bgcolor=#0000FF] [r=1 c=
0 rs=1 cs=2] | 100 RenderTableCell {TD} at (0,40) size 367x20 [bgcolor=#0000FF] [r=1 c=
0 rs=1 cs=2] |
101 RenderImage {IMG} at (0,0) size 367x20 | 101 RenderBlock {IMG} at (0,0) size 367x20 |
102 RenderTableCell {TD} at (367,40) size 199x20 [bgcolor=#990099] [r=1
c=2 rs=1 cs=1] | 102 RenderTableCell {TD} at (367,40) size 199x20 [bgcolor=#990099] [r=1
c=2 rs=1 cs=1] |
103 RenderText {#text} at (0,0) size 39x19 | 103 RenderText {#text} at (0,0) size 39x19 |
104 text run at (0,0) width 39: "Empty" | 104 text run at (0,0) width 39: "Empty" |
| 105 layer at (8,44) size 222x40 clip at (9,45) size 220x38 |
| 106 RenderBlock {DIV} at (0,0) size 222x40 [border: (1px solid #C0C0C0)] |
| 107 layer at (10,46) size 218x20 |
| 108 RenderBlock {DIV} at (2,2) size 218x20 |
| 109 RenderText {#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 RenderBlock {DIV} at (0,0) size 145x40 [border: (1px solid #C0C0C0)] |
| 113 layer at (232,46) size 141x20 |
| 114 RenderBlock {DIV} at (2,2) size 141x20 |
| 115 RenderText {#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 RenderBlock {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 outlineClip at (9,85) size 365x18 |
| 120 RenderBlock {DIV} at (2,2) size 363x20 |
| 121 RenderText {#text} at (0,0) size 58x19 |
| 122 text run at (0,0) width 58: "Welcome" |
| 123 layer at (8,166) size 222x40 clip at (9,167) size 220x38 |
| 124 RenderBlock {DIV} at (0,0) size 222x40 [border: (1px solid #C0C0C0)] |
| 125 layer at (10,168) size 218x20 |
| 126 RenderBlock {DIV} at (2,2) size 218x20 |
| 127 RenderText {#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 RenderBlock {DIV} at (0,0) size 145x40 [border: (1px solid #C0C0C0)] |
| 131 layer at (232,168) size 141x20 |
| 132 RenderBlock {DIV} at (2,2) size 141x20 |
| 133 RenderText {#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 RenderBlock {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 outlineClip at (9,217) size 365x18 |
| 138 RenderBlock {DIV} at (2,2) size 363x20 |
| 139 RenderText {#text} at (0,0) size 58x19 |
| 140 text run at (0,0) width 58: "Welcome" |
| 141 layer at (8,288) size 222x40 clip at (9,289) size 220x38 |
| 142 RenderBlock {DIV} at (0,0) size 222x40 [border: (1px solid #C0C0C0)] |
| 143 layer at (10,290) size 218x20 |
| 144 RenderBlock {DIV} at (2,2) size 218x20 |
| 145 RenderText {#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 RenderBlock {DIV} at (0,0) size 145x40 [border: (1px solid #C0C0C0)] |
| 149 layer at (232,290) size 141x20 |
| 150 RenderBlock {DIV} at (2,2) size 141x20 |
| 151 RenderText {#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 RenderBlock {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 outlineClip at (9,339) size 365x18 |
| 156 RenderBlock {DIV} at (2,2) size 363x20 |
| 157 RenderText {#text} at (0,0) size 58x19 |
| 158 text run at (0,0) width 58: "Welcome" |
| 159 layer at (11,423) size 222x40 clip at (12,424) size 220x38 |
| 160 RenderBlock {DIV} at (0,0) size 222x40 [border: (1px solid #C0C0C0)] |
| 161 layer at (13,425) size 218x20 |
| 162 RenderBlock {DIV} at (2,2) size 218x20 |
| 163 RenderText {#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 RenderBlock {DIV} at (0,0) size 145x40 [border: (1px solid #C0C0C0)] |
| 167 layer at (239,425) size 141x20 |
| 168 RenderBlock {DIV} at (2,2) size 141x20 |
| 169 RenderText {#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 RenderBlock {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 outlineClip at (12,468) size 365x18 |
| 174 RenderBlock {DIV} at (2,2) size 363x20 |
| 175 RenderText {#text} at (0,0) size 58x19 |
| 176 text run at (0,0) width 58: "Welcome" |
| 177 layer at (8,542) size 222x40 clip at (9,543) size 220x38 |
| 178 RenderBlock {DIV} at (0,0) size 222x40 [border: (1px solid #C0C0C0)] |
| 179 layer at (10,544) size 218x20 |
| 180 RenderBlock {DIV} at (2,2) size 218x20 |
| 181 RenderText {#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 RenderBlock {DIV} at (0,0) size 145x40 [border: (1px solid #C0C0C0)] |
| 185 layer at (232,544) size 141x20 |
| 186 RenderBlock {DIV} at (2,2) size 141x20 |
| 187 RenderText {#text} at (0,0) size 101x19 |
| 188 text run at (0,0) width 101: "Quick Start Link" |
| 189 layer at (8,582) size 367x20 clip at (9,583) size 365x18 scrollHeight 22 |
| 190 RenderBlock {DIV} at (0,0) size 367x20 [border: (1px solid #C0C0C0)] |
| 191 layer at (10,584) size 363x20 backgroundClip at (10,584) size 363x17 clip at (10
,584) size 363x17 outlineClip at (9,583) size 365x18 |
| 192 RenderBlock {DIV} at (2,2) size 363x20 |
| 193 RenderText {#text} at (0,0) size 58x19 |
| 194 text run at (0,0) width 58: "Welcome" |
OLD | NEW |