• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:tableのheight指定が効かない)

tableのheight指定が効かない

このQ&Aのポイント
  • tableの高さを固定するためにheightとoverflowを指定しても、tableに記述したソース分の大きさになり、スクロールバーが表示されません。
  • 解決方法をご存知の方、よろしくお願いします。
  • 外部CSSの.sampleクラスにheightとoverflowの指定を行いましたが、効果が現れません。

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

  • ベストアンサー
  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.3

まず、 overflow:scroll; ← コロン小文字に ---------------- テーブル関連にoverflowバグもあるので、 テーブル自体にスクロールを付けるのではなく、 その外枠を作って中のコンテンツをスクロールさせる。 外枠より中のテーブルが大きければ全体を見る為にスクロールさせる考え方。(コンテンツは、テーブルでも良いですが・・・) <div style="height:500px; width:90%; overflow:auto;"> コンテンツ </div> ---------------- >※tdのclassはテーブルのふちに用いてる画像を指定してあります。 これも間違った方法で、何の為のテーブルなのでしょう・・・ テーブルは表です。画像を入れる為の表だと無意味なテーブル・・・ 表以外の目的でテーブルは利用しない方が良いでしょう。

hainaina
質問者

お礼

上手くいきました! 画像の件も含め、たくさん勉強になりました。 回答ありがとうございました!

その他の回答 (4)

  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.5

失礼。 overflow:scroll; ← セミコロン 半角に

  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.4

失礼。 overflow:scroll; ← コロン 半角に

hainaina
質問者

お礼

すみません。 入力ミスです。 指摘ありがとうございます。

  • karita_83
  • ベストアンサー率45% (39/86)
回答No.2

tableについたクラスに高さを指定して、oveflowの指定をしているからでは。 <div class="text"> を中に入れているtdに高さを指定して overflow:scroll; の指定をすれば上手くいくと思いますよ。 空のtdがいっぱいある理由はわからないですが、多分それで上手くいくはずです。

hainaina
質問者

お礼

やってみましたが、反映されませんでした。 別の方法を探してみます。 回答、ありがとうございました!

  • abacabu
  • ベストアンサー率37% (250/663)
回答No.1

過去に趣味でホームページを作っていた者です。 まずはじめに、表示範囲を指定して、 中身に大量の情報を指定しても、勝手にはスクロールバーは付きません。 スクロールルバーを個別に指定する必要があります。 丁度良い参考ページがあったので貼っておきます。 っていうか… これらの知識はネット上に沢山転がっています。 過去に散々ホームページ作成が流行った時期があるので、 かなり素人向けの解説付き親切サイトが多いです。 スクロールバー タグやホームページ スクロールバー等 で検索すると簡単に欲しい情報が手に入ります。 それでは頑張って下さい。

参考URL:
http://allabout.co.jp/gm/gc/23865/2/
hainaina
質問者

お礼

勉強になりました。 丁寧に説明までしていただきありがとうござます!

専門家に質問してみよう