| <html> |
| <head> |
| <title>Table Column Proportional Width Contraints</title> |
| </head> |
| <body> |
| <h2>HTML 4.0 Table Column Proportional Width Constraints</h2> |
| <p> |
| The table below is 350 pixels wide. The columns are assigned proportional widths using COLs |
| as follows: |
| </p> |
| <tt> |
| <col width=50><br> |
| <col width=2*><br> |
| <col width=1*><Br> |
| <col width=3*> |
| </tt> |
| <p> |
| This means the first column should be 50 pixels wide. The remaining width should be divided |
| among the three remaining columns according to the proportional width statements into six |
| (2+1+3) |
| parts. Since the Table is 350 pixels wide, and the remaining width is 300 pixels (350-50), |
| the remaining columns should be 100 (2*50), 50 (1*50) and 150 (3*50) pixels wide, |
| respectively. |
| </p> |
| <table border=1 width=350> |
| <colgroup> |
| <col width=50> |
| <col width=2*> |
| <col width=1*> |
| <col width=3*> |
| </colgroup> |
| <tr> |
| <th>One |
| <th>Two |
| <th>Three |
| <th>Four |
| </tr> |
| <tr> |
| <td>Red |
| <td>Green |
| <td>Blue |
| <td>Green |
| </tr> |
| </table> |
| </body> |
| </html> |
