複雑なテーブルレイアウト(jsfiddle)があります。これは多くのセクションを含む長いレポートであり、各セクションにはテーブルがあります。
テーブルの最初の2列は、適切に配置されるように固定幅にする必要があります。
3番目の列は、折り返すことなくその中のテキストに合うように拡大する必要があります(常に1つの単語です)。
最後の列は常に残りのスペースを埋める必要があります。
最初の2列の幅を指定し、最後の列に100%の幅を指定すると、最後の列が使用可能なスペースを埋めます(適切)が、最初の2列の幅は無視されます。
テーブルを指定するtable-layout: fixed;
と、最初の2列の幅は機能しますが、3番目の列に固定幅を指定できないため、最後の2列は同じ画面スペースを占有します。
これに対する解決策はありますか?
注:ソリューションはIEで動作する必要はありません!FF12+とChome21+で十分です。