| 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 LayoutTable {TABLE} at (0,36) size 566x60 [bgcolor=#00FFFF] | 10 LayoutTable {TABLE} at (0,36) size 566x60 [bgcolor=#00FFFF] |
| 11 LayoutTableSection {TBODY} at (0,0) size 566x60 | 11 LayoutTableSection {TBODY} at (0,0) size 566x60 |
| 12 LayoutTableRow {TR} at (0,0) size 566x40 | 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] | 13 LayoutTableCell {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 LayoutImage {IMG} at (0,0) size 222x40 |
| 15 LayoutTableCell {TD} at (222,0) size 145x40 [bgcolor=#666600] [r=0 c
=1 rs=1 cs=1] | 15 LayoutTableCell {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 LayoutImage {IMG} at (0,0) size 145x40 |
| 17 LayoutTableCell {TD} at (367,10) size 199x20 [bgcolor=#009999] [r=0
c=2 rs=1 cs=1] | 17 LayoutTableCell {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 LayoutTableRow {TR} at (0,40) size 566x20 | 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] | 21 LayoutTableCell {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 LayoutImage {IMG} at (0,0) size 367x20 |
| 23 LayoutTableCell {TD} at (367,40) size 199x20 [bgcolor=#990099] [r=1
c=2 rs=1 cs=1] | 23 LayoutTableCell {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 LayoutTable {TABLE} at (0,148) size 566x80 [bgcolor=#00FFFF] | 29 LayoutTable {TABLE} at (0,148) size 566x80 [bgcolor=#00FFFF] |
| 30 LayoutTableSection {TBODY} at (0,0) size 566x80 | 30 LayoutTableSection {TBODY} at (0,0) size 566x80 |
| 31 LayoutTableRow {TR} at (0,0) size 566x60 | 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] | 32 LayoutTableCell {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 LayoutImage {IMG} at (0,0) size 222x40 |
| 34 LayoutTableCell {TD} at (222,10) size 145x40 [bgcolor=#666600] [r=0
c=1 rs=1 cs=1] | 34 LayoutTableCell {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 LayoutImage {IMG} at (0,0) size 145x40 |
| 36 LayoutTableCell {TD} at (367,0) size 199x60 [bgcolor=#009999] [r=0 c
=2 rs=1 cs=1] | 36 LayoutTableCell {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 LayoutTableRow {TR} at (0,60) size 566x20 | 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] | 42 LayoutTableCell {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 LayoutImage {IMG} at (0,0) size 367x20 |
| 44 LayoutTableCell {TD} at (367,60) size 199x20 [bgcolor=#990099] [r=1
c=2 rs=1 cs=1] | 44 LayoutTableCell {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 LayoutTable {TABLE} at (0,280) size 566x80 [bgcolor=#00FFFF] | 50 LayoutTable {TABLE} at (0,280) size 566x80 [bgcolor=#00FFFF] |
| 51 LayoutTableSection {TBODY} at (0,0) size 566x80 | 51 LayoutTableSection {TBODY} at (0,0) size 566x80 |
| 52 LayoutTableRow {TR} at (0,0) size 566x40 | 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] | 53 LayoutTableCell {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 LayoutImage {IMG} at (0,0) size 222x40 |
| 55 LayoutTableCell {TD} at (222,0) size 145x40 [bgcolor=#666600] [r=0 c
=1 rs=1 cs=1] | 55 LayoutTableCell {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 LayoutImage {IMG} at (0,0) size 145x40 |
| 57 LayoutTableCell {TD} at (367,10) size 199x20 [bgcolor=#009999] [r=0
c=2 rs=1 cs=1] | 57 LayoutTableCell {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 LayoutTableRow {TR} at (0,40) size 566x40 | 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] | 61 LayoutTableCell {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 LayoutImage {IMG} at (0,0) size 367x20 |
| 63 LayoutTableCell {TD} at (367,40) size 199x40 [bgcolor=#990099] [r=1
c=2 rs=1 cs=1] | 63 LayoutTableCell {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 LayoutTable {TABLE} at (0,412) size 566x70 [bgcolor=#00FFFF] | 70 LayoutTable {TABLE} at (0,412) size 566x70 [bgcolor=#00FFFF] |
| 71 LayoutTableSection {TBODY} at (0,0) size 566x70 | 71 LayoutTableSection {TBODY} at (0,0) size 566x70 |
| 72 LayoutTableRow {TR} at (0,2) size 566x42 | 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] | 73 LayoutTableCell {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 LayoutImage {IMG} at (1,1) size 222x40 |
| 75 LayoutTableCell {TD} at (228,2) size 147x42 [bgcolor=#666600] [r=0 c
=1 rs=1 cs=1] | 75 LayoutTableCell {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 LayoutImage {IMG} at (1,1) size 145x40 |
| 77 LayoutTableCell {TD} at (377,12) size 187x22 [bgcolor=#009999] [r=0
c=2 rs=1 cs=1] | 77 LayoutTableCell {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 LayoutTableRow {TR} at (0,46) size 566x22 | 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] | 81 LayoutTableCell {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 LayoutImage {IMG} at (1,1) size 367x20 |
| 83 LayoutTableCell {TD} at (377,46) size 187x22 [bgcolor=#990099] [r=1
c=2 rs=1 cs=1] | 83 LayoutTableCell {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 LayoutTable {TABLE} at (0,534) size 566x60 [bgcolor=#00FFFF] | 89 LayoutTable {TABLE} at (0,534) size 566x60 [bgcolor=#00FFFF] |
| 90 LayoutTableSection {TBODY} at (0,0) size 566x60 | 90 LayoutTableSection {TBODY} at (0,0) size 566x60 |
| 91 LayoutTableRow {TR} at (0,0) size 566x40 | 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] | 92 LayoutTableCell {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 LayoutImage {IMG} at (0,0) size 222x40 |
| 94 LayoutTableCell {TD} at (222,0) size 145x40 [bgcolor=#666600] [r=0 c
=1 rs=1 cs=1] | 94 LayoutTableCell {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 LayoutImage {IMG} at (0,0) size 145x40 |
| 96 LayoutTableCell {TD} at (367,10) size 199x20 [bgcolor=#009999] [r=0
c=2 rs=1 cs=1] | 96 LayoutTableCell {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 LayoutTableRow {TR} at (0,40) size 566x20 | 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] | 100 LayoutTableCell {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 LayoutImage {IMG} at (0,0) size 367x20 |
| 102 LayoutTableCell {TD} at (367,40) size 199x20 [bgcolor=#990099] [r=1
c=2 rs=1 cs=1] | 102 LayoutTableCell {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" |
| OLD | NEW |