• ベストアンサー

CSSでテーブルセルの大きさ指定したい

CSS(スタイルシート)を使って セルの大きさを指定したいのですが 自分のもってる本にはHTMLの方法しかのってなく CSSのテーブルの項目にはなぜか書いてません 自分が使っている無料HPサイトではHTMLで 指定しましたが反応ないです CSSでのセルの大きさ指定のやり方教えてください

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

  • ベストアンサー
noname#66720
noname#66720
回答No.1

普通にwidthとheightで指定します。 td { width:200px; height:100px; } ですが、内容に合わせて可変でなくなるので気をつけてください。 colやcolgroupを使うと一括での指定も可能です。 ついでに、テーブルの横幅が完全にpxで固定、もしくは%等の値で決まっているときは table { width:500px; table-layout:fixed; } のようにすると描画が早くなります。 上記のような方法ではなく、ただ余白が欲しい時、最低限の幅を確保したいときは td { padding:10px; } または td { width:100px; height:100px; } html>body td { width:auto; height:auto; min-width:100px; min-height:100px; } 等の方が適しています。 日頃table使わないので、参考程度にしてください。

その他の回答 (2)

  • ryupyon
  • ベストアンサー率17% (29/163)
回答No.3

No1です。 1で書いた内容は、<head>~<head>に書くものです。 外部ファイルにしたいんでしょうか?

abc-1356
質問者

補足

どちらでもいいです 内部でもOKです^^

  • ryupyon
  • ベストアンサー率17% (29/163)
回答No.2

<style type="text/css"> <!-- td{width:100px; height:100px;} --> </style> だったとおもいます。

abc-1356
質問者

お礼

ありがとうございます これはHTMLに直接書くのでしょうか?

関連するQ&A