HTMLテーブルの問題（コンテンツのすべての残りの部分を埋める固定左のセル、右のセル）

Question

私は私が権利を取得することはできませんテーブルで助けを必要としています。それは2つだけのセル（左、右）と非常に単純なテーブルです：

<table> 
    <tr> 
    <td width="100px"> 
     my content 1 
    </td> 
    <td> 
     my content2 
    </td> 
    </tr> 
</table> 

私は（100pxに）左の1が固定されたサイズのものにしたいと右の1が、残りのまで拡大することページ。

問題は、私が試したことのどれもが働いていないということです。私がそのままにしておくと、それは「自分のコンテンツ2」と同じくらいの大きさになります。

は、私はそれがすべての道を行くことを確認するために、第2の上に（画像のように）隠し要素を入れてみましたが、私の小さなネットブック上で、それはテーブルの大きさ以上になると、それを壊します。だから私は画面と同じ大きさに画像を定義することはできません。

他のアイデアはありますか？それは簡単なはずですが、私はそれをやり遂げることはできません。

Answer 1

は、あなたのテーブルに

http://jsfiddle.net/rU9Tu/

Answer 2

をwidth: 100%を追加通常、テーブルは、その内容に変更されますので、あなたは、可能な全長を取るように設定されたテーブルを必要としています。

<table width="100%"> 
... 
</table>