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

tableのheight指定が効かない

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

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

  • ベストアンサー
  • 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
質問者

お礼

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

すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

質問する