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 {H2} at (0,0) size 784x27
7 RenderText {#text} at (0,0) size 599x26
8 text run at (0,0) width 599: "HTML 4.0 Table Column Proportional Width Constraints"
9 RenderBlock {P} at (0,46.91) size 784x18
10 RenderText {#text} at (0,0) size 682x17
11 text run at (0,0) width 682: "The table below is 350 pixels wide. The columns are assigned proportional widths using COLs as follows:"
12 RenderBlock (anonymous) at (0,80.91) size 784x64
13 RenderInline {TT} at (0,0) size 112x64
14 RenderText {#text} at (0,0) size 112x16
15 text run at (0,0) width 112: "<col width=50>"
16 RenderBR {BR} at (112,12) size 0x0
17 RenderText {#text} at (0,16) size 112x16
18 text run at (0,16) width 112: "<col width=2*>"
19 RenderBR {BR} at (112,28) size 0x0
20 RenderText {#text} at (0,32) size 112x16
21 text run at (0,32) width 112: "<col width=1*>"
22 RenderBR {BR} at (112,44) size 0x0
23 RenderText {#text} at (0,48) size 112x16
24 text run at (0,48) width 112: "<col width=3*>"
25 RenderText {#text} at (0,0) size 0x0
26 RenderBlock {P} at (0,160.91) size 784x72
27 RenderText {#text} at (0,0) size 782x71
28 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"
29 text run at (0,18) width 782: "columns according to the proportional width statements into six (2+1+3) parts. Since the Table is 350 pixels wide, and the"
30 text run at (0,36) 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"
31 text run at (0,54) width 40: "wide, "
32 text run at (39,54) width 82: "respectively."
33 RenderTable {TABLE} at (0,248.91) size 350x52 [border: (1px outset #808080)]
34 RenderTableCol {COLGROUP} at (0,0) size 0x0
35 RenderTableCol {COL} at (0,0) size 0x0
36 RenderTableCol {COL} at (0,0) size 0x0
37 RenderTableCol {COL} at (0,0) size 0x0
38 RenderTableCol {COL} at (0,0) size 0x0
39 RenderTableSection {TBODY} at (1,1) size 348x50
40 RenderTableRow {TR} at (0,2) size 348x22
41 RenderTableCell {TH} at (2,2) size 50x22 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
42 RenderText {#text} at (10,2) size 30x17
43 text run at (10,2) width 30: "One"
44 RenderTableCell {TH} at (54,2) size 95x22 [border: (1px inset #808080)] [r=0 c=1 rs=1 cs=1]
45 RenderText {#text} at (32,2) size 31x17
46 text run at (32,2) width 31: "Two"
47 RenderTableCell {TH} at (151,2) size 97x22 [border: (1px inset #808080)] [r=0 c=2 rs=1 cs=1]
48 RenderText {#text} at (28,2) size 41x17
49 text run at (28,2) width 41: "Three"
50 RenderTableCell {TH} at (250,2) size 96x22 [border: (1px inset #808080)] [r=0 c=3 rs=1 cs=1]
51 RenderText {#text} at (31,2) size 34x17
52 text run at (31,2) width 34: "Four"
53 RenderTableRow {TR} at (0,26) size 348x22
54 RenderTableCell {TD} at (2,26) size 50x22 [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
55 RenderText {#text} at (2,2) size 26x17
56 text run at (2,2) width 26: "Red"
57 RenderTableCell {TD} at (54,26) size 95x22 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
58 RenderText {#text} at (2,2) size 40x17
59 text run at (2,2) width 40: "Green"
60 RenderTableCell {TD} at (151,26) size 97x22 [border: (1px inset #808080)] [r=1 c=2 rs=1 cs=1]
61 RenderText {#text} at (2,2) size 31x17
62 text run at (2,2) width 31: "Blue"
63 RenderTableCell {TD} at (250,26) size 96x22 [border: (1px inset #808080)] [r=1 c=3 rs=1 cs=1]
64 RenderText {#text} at (2,2) size 40x17
65 text run at (2,2) width 40: "Green"