• ベストアンサー

テーブルで列の幅を指定する

HTMLタグでWEBサイトを作成していますが、テーブルの幅を指定しても実際ページを開けると、同じ数値入れても同じ幅にならなかったり、全ての幅指定してもその通りになりません。またウィンドウを大きくしたり小さくしたりすると、特定の列のみ幅が狭くなったり広くなったりします。どうすれば幅を指定した数値どおりに固定できますでしょうか。

質問者が選んだベストアンサー

  • ベストアンサー
  • gura_
  • ベストアンサー率44% (749/1683)
回答No.2

 style="table-layout: fixed;" で、指定すると良いようです。↓ <html><head> </head> <body> <table border=1 style="table-layout: fixed;"> <tr height="50"> <td width="160" colspan="2">あああああああああああああああああああああああああ</td> <td width="80">いいいいいいいいいいいいいいいいいいいいいいいいい</td> <td width="160">ううううううううううううううううううううううううう</td> </tr> <tr height="50"> <td width="80">かかかかかかかかかかかかかかかかかかかかかかかかか</td> <td width="80">ききききききききききききききききききききききききき</td> <td>くくくくくくくくくくくくくくくくくくくくくくくくくくくくくく</td> <td>けけけけけけけけけけ</td> </tr> </table> </body> </html>

fujikulimbi
質問者

お礼

ありがとうございました。上手くいきました。このタグは知りませんでした。勉強になりました。

すると、全ての回答が全文表示されます。

その他の回答 (1)

noname#16352
noname#16352
回答No.1

・table の width ・横一列分の全 td の width 両者ともピクセル値で統一して指定して下さい。 指定抜けや%指定が混在するとその部分で伸張が発生します。 [ex] <table width="600"> <tr>  <td colspan="2">...</td>  <td width="150">...</td>  <td width="150">...</td> </tr> <tr>  <td width="150">...</td>  <td width="150">...</td>  <td>...</td>  <td>...</td> </tr> </table> など

fujikulimbi
質問者

お礼

ありがとうございました。今までは列のみピクセル値で指定していましたが、テーブル全体は指定していませんでした。これで解決しました。

すると、全ての回答が全文表示されます。

関連するQ&A