2012-05-13 10 views
0

HTMLテーブルの動作に問題があります。これは幅が約44列の広いテーブルで、ユーザーの画面から右に伸びていればOKです(私はそれが欲しい)。私のHTMLテーブルはTHの幅でのみサイズ設定できますか?

私は、各テーブルのヘッダーを3クラスのいずれかを与えることによって、私の列の各3つの幅のいずれかを与えることをしようとしている:

.c_th_small { 
    width: 60px; 
} 
.c_th_medium { 
    width: 100px; 
} 
.c_th_large { 
    width: 500px; 
} 

私は私のテーブルのヘッダーセルにこれらの3つのタグのいずれかを置きます。しかし、私は全体のテーブルにWidth属性を与えるだけで、列のサイズが変わります。私がテーブルを本当に広いものにすると、これらの仕事はできますが、テーブル幅で戦います。

私の質問は、各列にどれだけの幅があるかを伝えて、必要なだけ広いテーブルを強制することができますか?私は実際にテーブルの幅を設定したくないので、すべての列がまとめられているように幅を広げたいと思っています。これは小さいテーブルでうまく動作しますが、この大きなテーブルは十分に広くなることに抵抗しているようです。

+0

ピクセルの代わりにパーセンテージを使用してください。 – ewein

答えて

1

あなたはCSSルールを使用する必要があるようですが、これではなく、また、アカウントにTHERセルの内容を取っての、列の幅を決定するために、最初の行のセルの幅を使用するようにブラウザに指示します

table { table-layout: fixed; } 

聞こえます。

+0

Worked!私は実際にこの作業をするためにテーブルに 'width'属性を追加しなければなりませんでした。なぜか気にしないでください。しかし、私はちょうど幅を広げすぎました、そして今テーブルのサイズは、テーブルのヘッダーの合計にして停止します。テーブルの幅はヘッダーの幅と闘わない。ありがとう! – Stanton

関連する問題