dポイントプレゼントキャンペーン実施中！

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

解決済

  • 質問者：abc-1356
  • 質問日時：
  • 回答数：3件

ＣＳＳ（スタイルシート）を使って
セルの大きさを指定したいのですが
自分のもってる本にはＨＴＭＬの方法しかのってなく
ＣＳＳのテーブルの項目にはなぜか書いてません

自分が使っている無料ＨＰサイトではＨＴＭＬで
指定しましたが反応ないです
ＣＳＳでのセルの大きさ指定のやり方教えてください

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (3件)

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使わないので、参考程度にしてください。
    • good
    • 0
    • 件
通報する

No.3

  • 回答者： ryupyon
  • 回答日時：

No1です。


１で書いた内容は、<head>～<head>に書くものです。

外部ファイルにしたいんでしょうか？

この回答への補足

どちらでもいいです

内部でもＯＫです＾＾

補足日時：2008/09/11 23:22
通報する
    • good
    • 0
    • 件
通報する

No.2

  • 回答者： ryupyon
  • 回答日時：

<style type="text/css">


<!--
td{width:100px;
height:100px;}
-->
</style>
だったとおもいます。
    • good
    • 0
    • 件
通報する
この回答へのお礼

ありがとうございます

これはＨＴＭＬに直接書くのでしょうか？

通報する
お礼日時：2008/09/11 20:59

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報