| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x600 |
| RenderBlock {HTML} at (0,0) size 800x600 |
| RenderBody {BODY} at (8,8) size 784x584 |
| RenderBlock {H2} at (0,0) size 784x30 |
| RenderText {#text} at (0,1) size 594x28 |
| text run at (0,1) width 594: "HTML 4.0 Table Column Proportional Width Constraints" |
| RenderBlock {P} at (0,49) size 784x21 |
| RenderText {#text} at (0,0) size 682x19 |
| text run at (0,0) width 682: "The table below is 350 pixels wide. The columns are assigned proportional widths using COLs as follows:" |
| RenderBlock (anonymous) at (0,85) size 784x57 |
| RenderInline {TT} at (0,0) size 110x56 |
| RenderText {#text} at (0,0) size 110x14 |
| text run at (0,0) width 110: "<col width=50>" |
| RenderBR {BR} at (109,10) size 1x0 |
| RenderText {#text} at (0,14) size 110x14 |
| text run at (0,14) width 110: "<col width=2*>" |
| RenderBR {BR} at (109,24) size 1x0 |
| RenderText {#text} at (0,28) size 110x14 |
| text run at (0,28) width 110: "<col width=1*>" |
| RenderBR {BR} at (109,38) size 1x0 |
| RenderText {#text} at (0,42) size 110x14 |
| text run at (0,42) width 110: "<col width=3*>" |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (0,157) size 784x81 |
| RenderText {#text} at (0,0) size 781x79 |
| text run at (0,0) width 778: "This means the first column should be 50 pixels wide. The remaining width should be divided among the three remaining" |
| text run at (0,20) width 781: "columns according to the proportional width statements into six (2+1+3) parts. Since the Table is 350 pixels wide, and the" |
| text run at (0,40) width 760: "remaining width is 300 pixels (350-50), the remaining columns should be 100 (2*50), 50 (1*50) and 150 (3*50) pixels" |
| text run at (0,60) width 40: "wide, " |
| text run at (39,60) width 81: "respectively." |
| RenderTable {TABLE} at (0,253) size 350x57 [border: (1px outset #808080)] |
| RenderTableCol {COLGROUP} at (0,0) size 0x0 |
| RenderTableCol {COL} at (0,0) size 0x0 |
| RenderTableCol {COL} at (0,0) size 0x0 |
| RenderTableCol {COL} at (0,0) size 0x0 |
| RenderTableCol {COL} at (0,0) size 0x0 |
| RenderTableSection {TBODY} at (1,1) size 348x54 |
| RenderTableRow {TR} at (0,2) size 348x24 |
| RenderTableCell {TH} at (2,2) size 50x24 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (10,2) size 30x19 |
| text run at (10,2) width 30: "One" |
| RenderTableCell {TH} at (54,2) size 95x24 [border: (1px inset #808080)] [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (32,2) size 30x19 |
| text run at (32,2) width 30: "Two" |
| RenderTableCell {TH} at (150,2) size 100x24 [border: (1px inset #808080)] [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (28,2) size 42x19 |
| text run at (28,2) width 42: "Three" |
| RenderTableCell {TH} at (251,2) size 96x24 [border: (1px inset #808080)] [r=0 c=3 rs=1 cs=1] |
| RenderText {#text} at (30,2) size 35x19 |
| text run at (30,2) width 35: "Four" |
| RenderTableRow {TR} at (0,28) size 348x24 |
| RenderTableCell {TD} at (2,28) size 50x24 [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 26x19 |
| text run at (2,2) width 26: "Red" |
| RenderTableCell {TD} at (54,28) size 95x24 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 40x19 |
| text run at (2,2) width 40: "Green" |
| RenderTableCell {TD} at (150,28) size 100x24 [border: (1px inset #808080)] [r=1 c=2 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 31x19 |
| text run at (2,2) width 31: "Blue" |
| RenderTableCell {TD} at (251,28) size 96x24 [border: (1px inset #808080)] [r=1 c=3 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 40x19 |
| text run at (2,2) width 40: "Green" |
