隨着HTML表，如何使第一列固定的寬度和所述第二和第三列50％每個剩餘寬度

Question

所以，想象我有100像素寬，其可以改變的空間。表中的第一列欲固定在30像素和所述第二和第三列我想成爲50％每個剩餘的寬度（70像素），使得它們各自35px。

SO時的空間的變化，以300像素的寬度，列寬是30像素，135px，135px（其中135px由兩個即50％劃分270px）。

這是我的企圖心不是其工作：

<table width="100%" > 
        <tr> 
         <td width="30px"> </td> 
         <td align="center" width="25%"></td> 
         <td align="center" width="25%"></td> 
        </tr> 
</table> 

我曾嘗試過各種人。

謝謝。

Answer 1

集在像素表的寬度，然後，在TDS％的大小。

在這個例子中，你要60像素的總寬度。

<table width="60px" > 
        <tr> 
         <td width="50%"> </td> 
         <td align="center" width="25%"></td> 
         <td align="center" width="25%"></td> 
        </tr> 
</table> 

Answer 2

嘗試這種情況：

<table width="100%" > 
    <tr> 
     <td width="30px" bgcolor="red"></td> 
     <td align="center" bgcolor="blue"></td> 
     <td align="center" bgcolor="green"></td> 
    </tr> 
</table> 

Fiddle