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 594x26
8 text run at (0,0) width 594: "HTML 4.0 Table Column Proportional Width Constraints"
9 RenderBlock {P} at (0,46.91) size 784x20
10 RenderText {#text} at (0,0) size 635x19
11 text run at (0,0) width 635: "The table below is 350 pixels wide. The columns are assigned proportional widths using COLs as follows:"
12 RenderBlock (anonymous) at (0,82.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,162.91) size 784x60
27 RenderText {#text} at (0,0) size 778x59
28 text run at (0,0) width 768: "This means the first column should be 50 pixels wide. The remaining width should be divided among the three remaining columns"
29 text run at (0,20) width 778: "according to the proportional width statements into six (2+1+3) parts. Since the Table is 350 pixels wide, and the remaining width"
30 text run at (0,40) width 660: "is 300 pixels (350-50), the remaining columns should be 100 (2*50), 50 (1*50) and 150 (3*50) pixels wide, "
31 text run at (660,40) width 75: "respectively."
32 RenderTable {TABLE} at (0,238.91) size 350x56 [border: (1px outset #808080)]
33 RenderTableCol {COLGROUP} at (0,0) size 0x0
34 RenderTableCol {COL} 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 RenderTableSection {TBODY} at (1,1) size 348x54
39 RenderTableRow {TR} at (0,2) size 348x24
40 RenderTableCell {TH} at (2,2) size 50x24 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
41 RenderText {#text} at (11,2) size 28x19
42 text run at (11,2) width 28: "One"
43 RenderTableCell {TH} at (54,2) size 93x24 [border: (1px inset #808080)] [r=0 c=1 rs=1 cs=1]
44 RenderText {#text} at (32,2) size 29x19
45 text run at (32,2) width 29: "Two"
46 RenderTableCell {TH} at (149,2) size 100x24 [border: (1px inset #808080)] [r=0 c=2 rs=1 cs=1]
47 RenderText {#text} at (30,2) size 40x19
48 text run at (30,2) width 40: "Three"
49 RenderTableCell {TH} at (251,2) size 95x24 [border: (1px inset #808080)] [r=0 c=3 rs=1 cs=1]
50 RenderText {#text} at (32,2) size 31x19
51 text run at (32,2) width 31: "Four"
52 RenderTableRow {TR} at (0,28) size 348x24
53 RenderTableCell {TD} at (2,28) size 50x24 [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
54 RenderText {#text} at (2,2) size 25x19
55 text run at (2,2) width 25: "Red"
56 RenderTableCell {TD} at (54,28) size 93x24 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
57 RenderText {#text} at (2,2) size 37x19
58 text run at (2,2) width 37: "Green"
59 RenderTableCell {TD} at (149,28) size 100x24 [border: (1px inset #808080)] [r=1 c=2 rs=1 cs=1]
60 RenderText {#text} at (2,2) size 27x19
61 text run at (2,2) width 27: "Blue"
62 RenderTableCell {TD} at (251,28) size 95x24 [border: (1px inset #808080)] [r=1 c=3 rs=1 cs=1]
63 RenderText {#text} at (2,2) size 37x19
64 text run at (2,2) width 37: "Green"