| 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 784x28 |
| RenderText {#text} at (0,0) size 598x28 |
| text run at (0,0) width 598: "HTML 4.0 Table Column Proportional Width Constraints" |
| RenderBlock {P} at (0,47) size 784x19 |
| RenderText {#text} at (0,0) size 671x18 |
| text run at (0,0) width 671: "The table below is 350 pixels wide. The columns are assigned proportional widths using COLs as follows:" |
| RenderBlock (anonymous) at (0,81) size 784x61 |
| RenderInline {TT} at (0,0) size 112x60 |
| RenderText {#text} at (0,0) size 112x15 |
| text run at (0,0) width 112: "<col width=50>" |
| RenderBR {BR} at (112,12) size 0x0 |
| RenderText {#text} at (0,15) size 112x15 |
| text run at (0,15) width 112: "<col width=2*>" |
| RenderBR {BR} at (112,27) size 0x0 |
| RenderText {#text} at (0,30) size 112x15 |
| text run at (0,30) width 112: "<col width=1*>" |
| RenderBR {BR} at (112,42) size 0x0 |
| RenderText {#text} at (0,45) size 112x15 |
| text run at (0,45) width 112: "<col width=3*>" |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (0,157) size 784x73 |
| RenderText {#text} at (0,0) size 766x72 |
| text run at (0,0) width 763: "This means the first column should be 50 pixels wide. The remaining width should be divided among the three remaining" |
| text run at (0,18) width 766: "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,36) width 747: "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,54) width 39: "wide, " |
| text run at (39,54) width 79: "respectively." |
| RenderTable {TABLE} at (0,245) size 350x53 [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 348x50 |
| RenderTableRow {TR} at (0,2) size 348x22 |
| RenderTableCell {TH} at (2,2) size 50x22 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1] |
| RenderText {#text} at (11,2) size 28x18 |
| text run at (11,2) width 28: "One" |
| RenderTableCell {TH} at (54,2) size 95x22 [border: (1px inset #808080)] [r=0 c=1 rs=1 cs=1] |
| RenderText {#text} at (31,2) size 32x18 |
| text run at (31,2) width 32: "Two" |
| RenderTableCell {TH} at (150,2) size 100x22 [border: (1px inset #808080)] [r=0 c=2 rs=1 cs=1] |
| RenderText {#text} at (28,2) size 42x18 |
| text run at (28,2) width 42: "Three" |
| RenderTableCell {TH} at (251,2) size 96x22 [border: (1px inset #808080)] [r=0 c=3 rs=1 cs=1] |
| RenderText {#text} at (30,2) size 35x18 |
| text run at (30,2) width 35: "Four" |
| RenderTableRow {TR} at (0,26) size 348x22 |
| RenderTableCell {TD} at (2,26) size 50x22 [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 26x18 |
| text run at (2,2) width 26: "Red" |
| RenderTableCell {TD} at (54,26) size 95x22 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 39x18 |
| text run at (2,2) width 39: "Green" |
| RenderTableCell {TD} at (150,26) size 100x22 [border: (1px inset #808080)] [r=1 c=2 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 30x18 |
| text run at (2,2) width 30: "Blue" |
| RenderTableCell {TD} at (251,26) size 96x22 [border: (1px inset #808080)] [r=1 c=3 rs=1 cs=1] |
| RenderText {#text} at (2,2) size 39x18 |
| text run at (2,2) width 39: "Green" |
