OLD | NEW |
| (Empty) |
1 layer at (0,0) size 800x600 | |
2 RenderView at (0,0) size 800x600 | |
3 layer at (0,0) size 800x600 | |
4 RenderBlock {HTML} at (0,0) size 800x600 | |
5 RenderBody {BODY} at (8,8) size 784x584 | |
6 RenderBlock {P} at (0,0) size 784x18 | |
7 RenderText {#text} at (0,0) size 725x18 | |
8 text run at (0,0) width 154: "Here's the original case. " | |
9 text run at (154,0) width 571: "All of the cells have images that fill
to their given widths except the ones marked \"Empty\"." | |
10 RenderTable {TABLE} at (0,34) size 566x60 [bgcolor=#00FFFF] | |
11 RenderTableSection {TBODY} at (0,0) size 566x60 | |
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] | |
14 RenderImage {IMG} at (0,0) size 222x40 | |
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 | |
17 RenderTableCell {TD} at (367,11) size 199x18 [bgcolor=#009999] [r=0
c=2 rs=1 cs=1] | |
18 RenderText {#text} at (0,0) size 42x18 | |
19 text run at (0,0) width 42: "Empty" | |
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] | |
22 RenderImage {IMG} at (0,0) size 367x20 | |
23 RenderTableCell {TD} at (367,41) size 199x18 [bgcolor=#990099] [r=1
c=2 rs=1 cs=1] | |
24 RenderText {#text} at (0,0) size 42x18 | |
25 text run at (0,0) width 42: "Empty" | |
26 RenderBlock {P} at (0,110) size 784x18 | |
27 RenderText {#text} at (0,0) size 377x18 | |
28 text run at (0,0) width 377: "If we fill either empty out with text, t
he problem goes away." | |
29 RenderTable {TABLE} at (0,144) size 566x74 [bgcolor=#00FFFF] | |
30 RenderTableSection {TBODY} at (0,0) size 566x74 | |
31 RenderTableRow {TR} at (0,0) size 566x54 | |
32 RenderTableCell {TD} at (0,7) size 222x40 [bgcolor=#FF0000] [r=0 c=0
rs=1 cs=1] | |
33 RenderImage {IMG} at (0,0) size 222x40 | |
34 RenderTableCell {TD} at (222,7) size 145x40 [bgcolor=#666600] [r=0 c
=1 rs=1 cs=1] | |
35 RenderImage {IMG} at (0,0) size 145x40 | |
36 RenderTableCell {TD} at (367,0) size 199x54 [bgcolor=#009999] [r=0 c
=2 rs=1 cs=1] | |
37 RenderText {#text} at (0,0) size 193x54 | |
38 text run at (0,0) width 193: "Empty - lots of text here now -" | |
39 text run at (0,18) width 185: "and more and more and more" | |
40 text run at (0,36) width 51: "text in it" | |
41 RenderTableRow {TR} at (0,54) size 566x20 | |
42 RenderTableCell {TD} at (0,54) size 367x20 [bgcolor=#0000FF] [r=1 c=
0 rs=1 cs=2] | |
43 RenderImage {IMG} at (0,0) size 367x20 | |
44 RenderTableCell {TD} at (367,55) size 199x18 [bgcolor=#990099] [r=1
c=2 rs=1 cs=1] | |
45 RenderText {#text} at (0,0) size 42x18 | |
46 text run at (0,0) width 42: "Empty" | |
47 RenderBlock {P} at (0,234) size 784x18 | |
48 RenderText {#text} at (0,0) size 4x18 | |
49 text run at (0,0) width 4: " " | |
50 RenderTable {TABLE} at (0,268) size 566x76 [bgcolor=#00FFFF] | |
51 RenderTableSection {TBODY} at (0,0) size 566x76 | |
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] | |
54 RenderImage {IMG} at (0,0) size 222x40 | |
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 | |
57 RenderTableCell {TD} at (367,11) size 199x18 [bgcolor=#009999] [r=0
c=2 rs=1 cs=1] | |
58 RenderText {#text} at (0,0) size 42x18 | |
59 text run at (0,0) width 42: "Empty" | |
60 RenderTableRow {TR} at (0,40) size 566x36 | |
61 RenderTableCell {TD} at (0,48) size 367x20 [bgcolor=#0000FF] [r=1 c=
0 rs=1 cs=2] | |
62 RenderImage {IMG} at (0,0) size 367x20 | |
63 RenderTableCell {TD} at (367,40) size 199x36 [bgcolor=#990099] [r=1
c=2 rs=1 cs=1] | |
64 RenderText {#text} at (0,0) size 181x36 | |
65 text run at (0,0) width 181: "Empty - this has lots and lots" | |
66 text run at (0,18) width 121: "and lots of text in it" | |
67 RenderBlock {P} at (0,360) size 784x18 | |
68 RenderText {#text} at (0,0) size 464x18 | |
69 text run at (0,0) width 464: "Taking away either the cellpadding=0 or
cellspacing=0 fixes the problem." | |
70 RenderTable {TABLE} at (0,394) size 566x70 [bgcolor=#00FFFF] | |
71 RenderTableSection {TBODY} at (0,0) size 566x70 | |
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] | |
74 RenderImage {IMG} at (1,1) size 222x40 | |
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 | |
77 RenderTableCell {TD} at (377,13) size 187x20 [bgcolor=#009999] [r=0
c=2 rs=1 cs=1] | |
78 RenderText {#text} at (1,1) size 42x18 | |
79 text run at (1,1) width 42: "Empty" | |
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] | |
82 RenderImage {IMG} at (1,1) size 367x20 | |
83 RenderTableCell {TD} at (377,47) size 187x20 [bgcolor=#990099] [r=1
c=2 rs=1 cs=1] | |
84 RenderText {#text} at (1,1) size 42x18 | |
85 text run at (1,1) width 42: "Empty" | |
86 RenderBlock {P} at (0,480) size 784x18 | |
87 RenderText {#text} at (0,0) size 317x18 | |
88 text run at (0,0) width 317: "As does removing the explicit width on t
he table..." | |
89 RenderTable {TABLE} at (0,514) size 566x60 [bgcolor=#00FFFF] | |
90 RenderTableSection {TBODY} at (0,0) size 566x60 | |
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] | |
93 RenderImage {IMG} at (0,0) size 222x40 | |
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 | |
96 RenderTableCell {TD} at (367,11) size 199x18 [bgcolor=#009999] [r=0
c=2 rs=1 cs=1] | |
97 RenderText {#text} at (0,0) size 42x18 | |
98 text run at (0,0) width 42: "Empty" | |
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] | |
101 RenderImage {IMG} at (0,0) size 367x20 | |
102 RenderTableCell {TD} at (367,41) size 199x18 [bgcolor=#990099] [r=1
c=2 rs=1 cs=1] | |
103 RenderText {#text} at (0,0) size 42x18 | |
104 text run at (0,0) width 42: "Empty" | |
OLD | NEW |