
こんにちは、画像のようなテーブルを親要素の98%で表示させています。
表示自体は問題なくできているのですがB~Iの各セルの横幅を小さくしたくて
<td width="2px">B2</td>
もしくは
<td width="3%">B2</td>
などとやってみたのですが、何も変わらないようです。
やって居る事は適切でしょうか?
もしくは、こういう場合どこに何を与えれば良いでしょうか?
詳しいかた、よろしくお願いいたします。
■HTML
<table align="center">
<tr>
<td class="bg_black">A1</td>
<td colspan="8">B1</td>
<td colspan="7">J1</td>
</tr>
<tr>
<td>A2</td>
<td>B2</td>
<td>C2</td>
<td>D2</td>
<td>E2</td>
<td>F2</td>
<td>G2</td>
<td>H2</td>
<td>I2</td>
<td>J2</td>
<td>K2</td>
<td>L2</td>
<td>M2</td>
<td>N2</td>
<td>O2</td>
<td>P2</td>
</tr>
■CSS
table tr td
{
font-size : 1em ;
color : #ffffff ;
text-align : center ;
background : #444444 ;
}
table
{
margin-top : 10px ;
margin-bottom : 10px ;
width: 98%;
table-layout: fixed;
word-break: break-all;
word-wrap: break-all;
}

No.1ベストアンサー
- 回答日時:
こんにちは
>などとやってみたのですが、何も変わらないようです。
>やって居る事は適切でしょうか?
fixedレイアウトにしているので、後から調節するような指定は無視されます。
fixedを外せば、ご質問の指定でも反映されると思います。
現状のままで実現したいのなら・・
(1)「B1」と表示されているセルの幅を指定する
<td colspan="8" style="width:20%;">B1</td>
あるいは、
(2)個々のセル幅を指定するならcolgroup等を設定しておいて指定する
<colgroup>
<col class="colGroup1">
<col span="8" class="colGroup2">
<col span="7" class="colGroup3">
</colgroup>
などとした上で、CSSに以下を追加。
.colGroup2 { width:20px; }
などが、すぐに思いつく方法でしょうか・・
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルの任意の列を非表示に...
-
TRタグの余白をcssで設定するには
-
tableにul,または,olを入れられ...
-
EXCELからhtmlへの変換で罫線が...
-
テーブルのセルにアンカー
-
tableにtableをネストした場合
-
テーブルの行を折りたたみたい...
-
テーブルのセルに画像をピッタ...
-
HTML <td></td>タグ セル内余...
-
HTMLで文とテーブルの間が空く。
-
中に<table></table>が使えるア...
-
文字列が入っているtdを削除せ...
-
CSSだけで<table>の<td>や<tr>...
-
cssで、表示されるテキストによ...
-
テーブルの装飾
-
ホームページの表の作成について…
-
ホームページ 表の上の余白を...
-
掲示板//インラインフレーム内...
-
HTMLのテーブルで桁をそろ...
-
テーブルのヘッダとボディの幅...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルの行を折りたたみたい...
-
テーブルの任意の列を非表示に...
-
テーブルのセルに画像をピッタ...
-
TRタグの余白をcssで設定するには
-
中に<table></table>が使えるア...
-
cssで、表示されるテキストによ...
-
テーブルのヘッダとボディの幅...
-
tableにul,または,olを入れられ...
-
ホームページ 表の上の余白を...
-
文字列が入っているtdを削除せ...
-
tableの要素(tr、td)に一...
-
テーブルの表示がずれます
-
テーブルタグのセルの幅の一部...
-
EXCELからhtmlへの変換で罫線が...
-
逆L字の表(table)組み
-
値が0なら非表示にしたい
-
CSSだけで<table>の<td>や<tr>...
-
テーブルの外側の線を消す
-
HTMLで文とテーブルの間が空く。
-
表(テーブル)内の文字サイズ...
おすすめ情報