CSS表の列幅： - ダイナミック（50％） - ダイナミック（50％）固定</p> <p>：固定 - ダイナミック（30％） - - ダイナミック（70％）私はテーブルレイアウトのこの種を得るために管理

Question

固定しました -

http://jsfiddle.net/ihtus/ksucU/

を固定しかし、どのように私はこのようなものを得るのですか？固定 - ダイナミック（30％） - ダイナミック（70％） - 固定

おかげ。このよう

Answer 1

：

<table> 
    <tr> 
     <td style="width:200px;"> 
     200px width - content 
     </td> 
     <td width="30%"> 
     dynamic width - content 
     </td> 
     <td width="70%"> 
     dynamic width - content 
     </td> 
     <td style="width:100px;"> 
     100px width - content 
     </td> 
    </tr> 
    </table> 

table { 
    width:100%; 
    border-collapse:collapse; 
    table-layout:fixed; 
} 

td { 
    border: 1px solid #333; 
} 

http://jsfiddle.net/7dSpr/

Answer 2

一般的なアプローチは、Monkieboyを使用したものと同じですが、インラインスタイルを避ける必要があります。 （つまり、私はstyle="someting"と書いています）をあなたのhtmlファイルに書きます。代わりにクラスとCSSを使用する必要があります。

まずこの<td class="thin-column">text here</td>のようにTDにクラスを与え、 は、あなたのCSSを使用して、それはスタイルを適用するには：.thin-column:{ width: 30% }