layer at (0,0) size 800x626 RenderCanvas at (0,0) size 800x600 layer at (0,0) size 800x626 RenderBlock {HTML} at (0,0) size 800x626 RenderBody {BODY} at (8,8) size 784x610 RenderBlock {H1} at (0,0) size 784x37 RenderText {TEXT} at (0,0) size 608x37 text run at (0,0) width 608: "Fixed Columns, Auto Span, Minwidth Table" RenderTable {TABLE} at (0,58) size 100x40 RenderTableSection {TBODY} at (0,0) size 0x40 RenderTableRow {TR} at (0,0) size 0x0 RenderTableCell {TD} at (0,10) size 33x0 [bgcolor=#00FFFF] [r=0 c=0 rs=1 cs=1] RenderTableCell {TD} at (33,10) size 67x0 [bgcolor=#FFFF00] [r=0 c=1 rs=1 cs=1] RenderTableRow {TR} at (0,0) size 0x0 RenderTableCell {TD} at (0,30) size 100x0 [bgcolor=#FFC0CB] [r=1 c=0 rs=1 cs=2] RenderBlock {DIV} at (0,0) size 100x0 RenderBlock {P} at (0,114) size 784x54 RenderText {TEXT} at (0,0) size 145x18 text run at (0,0) width 145: "The table width is: 100" RenderBR {BR} at (0,0) size 0x0 RenderText {TEXT} at (0,18) size 133x18 text run at (0,18) width 133: "Column One is: 33%" RenderBR {BR} at (0,0) size 0x0 RenderText {TEXT} at (0,36) size 136x18 text run at (0,36) width 136: "Column Two is: 67%" RenderBlock {HR} at (0,184) size 784x2 [border: (1px inset #000000)] RenderTable {TABLE} at (0,194) size 600x40 RenderTableSection {TBODY} at (0,0) size 0x40 RenderTableRow {TR} at (0,0) size 0x0 RenderTableCell {TD} at (0,10) size 200x0 [bgcolor=#00FFFF] [r=0 c=0 rs=1 cs=1] RenderTableCell {TD} at (200,10) size 400x0 [bgcolor=#FFFF00] [r=0 c=1 rs=1 cs=1] RenderTableRow {TR} at (0,0) size 0x0 RenderTableCell {TD} at (0,30) size 600x0 [bgcolor=#FFC0CB] [r=1 c=0 rs=1 cs=2] RenderBlock {DIV} at (0,0) size 600x0 RenderBlock {P} at (0,250) size 784x54 RenderText {TEXT} at (0,0) size 145x18 text run at (0,0) width 145: "The table width is: 600" RenderBR {BR} at (0,0) size 0x0 RenderText {TEXT} at (0,18) size 133x18 text run at (0,18) width 133: "Column One is: 33%" RenderBR {BR} at (0,0) size 0x0 RenderText {TEXT} at (0,36) size 136x18 text run at (0,36) width 136: "Column Two is: 67%" RenderBlock {HR} at (0,320) size 784x2 [border: (1px inset #000000)] RenderTable {TABLE} at (0,330) size 600x56 RenderTableSection {TBODY} at (0,0) size 0x56 RenderTableRow {TR} at (0,0) size 0x0 RenderTableCell {TD} at (0,0) size 200x36 [bgcolor=#00FFFF] [r=0 c=0 rs=1 cs=1] RenderText {TEXT} at (0,0) size 188x36 text run at (0,0) width 188: "Fixed cell in column one with" text run at (0,18) width 64: "some text." RenderTableCell {TD} at (200,0) size 400x36 [bgcolor=#FFFF00] [r=0 c=1 rs=1 cs=1] RenderText {TEXT} at (0,0) size 398x36 text run at (0,0) width 398: "Fixed cell in column two with a lot more text. Will the ratios be" text run at (0,18) width 68: "preserved?" RenderTableRow {TR} at (0,0) size 0x0 RenderTableCell {TD} at (0,46) size 600x0 [bgcolor=#FFC0CB] [r=1 c=0 rs=1 cs=2] RenderBlock {DIV} at (0,0) size 600x0 RenderBlock {P} at (0,402) size 784x54 RenderText {TEXT} at (0,0) size 145x18 text run at (0,0) width 145: "The table width is: 600" RenderBR {BR} at (0,0) size 0x0 RenderText {TEXT} at (0,18) size 133x18 text run at (0,18) width 133: "Column One is: 33%" RenderBR {BR} at (0,0) size 0x0 RenderText {TEXT} at (0,36) size 136x18 text run at (0,36) width 136: "Column Two is: 67%" RenderBlock {HR} at (0,472) size 784x2 [border: (1px inset #000000)] RenderTable {TABLE} at (0,482) size 600x40 RenderTableSection {TBODY} at (0,0) size 0x40 RenderTableRow {TR} at (0,0) size 0x0 RenderTableCell {TD} at (0,10) size 200x0 [bgcolor=#00FFFF] [r=0 c=0 rs=1 cs=1] RenderBlock {DIV} at (0,0) size 100x0 RenderTableCell {TD} at (200,10) size 400x0 [bgcolor=#FFFF00] [r=0 c=1 rs=1 cs=1] RenderBlock {DIV} at (0,0) size 250x0 RenderTableRow {TR} at (0,0) size 0x0 RenderTableCell {TD} at (0,30) size 600x0 [bgcolor=#FFC0CB] [r=1 c=0 rs=1 cs=2] RenderBlock {DIV} at (0,0) size 600x0 RenderBlock {P} at (0,538) size 784x54 RenderText {TEXT} at (0,0) size 145x18 text run at (0,0) width 145: "The table width is: 600" RenderBR {BR} at (0,0) size 0x0 RenderText {TEXT} at (0,18) size 133x18 text run at (0,18) width 133: "Column One is: 33%" RenderBR {BR} at (0,0) size 0x0 RenderText {TEXT} at (0,36) size 136x18 text run at (0,36) width 136: "Column Two is: 67%" RenderBlock {HR} at (0,608) size 784x2 [border: (1px inset #000000)]