- ベストアンサー
tableのheight指定が効かない
- tableの高さを固定するためにheightとoverflowを指定しても、tableに記述したソース分の大きさになり、スクロールバーが表示されません。
- 解決方法をご存知の方、よろしくお願いします。
- 外部CSSの.sampleクラスにheightとoverflowの指定を行いましたが、効果が現れません。
- みんなの回答 (5)
- 専門家の回答
質問者が選んだベストアンサー
まず、 overflow:scroll; ← コロン小文字に ---------------- テーブル関連にoverflowバグもあるので、 テーブル自体にスクロールを付けるのではなく、 その外枠を作って中のコンテンツをスクロールさせる。 外枠より中のテーブルが大きければ全体を見る為にスクロールさせる考え方。(コンテンツは、テーブルでも良いですが・・・) <div style="height:500px; width:90%; overflow:auto;"> コンテンツ </div> ---------------- >※tdのclassはテーブルのふちに用いてる画像を指定してあります。 これも間違った方法で、何の為のテーブルなのでしょう・・・ テーブルは表です。画像を入れる為の表だと無意味なテーブル・・・ 表以外の目的でテーブルは利用しない方が良いでしょう。
その他の回答 (4)
- naokita
- ベストアンサー率57% (1008/1745)
失礼。 overflow:scroll; ← セミコロン 半角に
- naokita
- ベストアンサー率57% (1008/1745)
失礼。 overflow:scroll; ← コロン 半角に
お礼
すみません。 入力ミスです。 指摘ありがとうございます。
- karita_83
- ベストアンサー率45% (39/86)
tableについたクラスに高さを指定して、oveflowの指定をしているからでは。 <div class="text"> を中に入れているtdに高さを指定して overflow:scroll; の指定をすれば上手くいくと思いますよ。 空のtdがいっぱいある理由はわからないですが、多分それで上手くいくはずです。
お礼
やってみましたが、反映されませんでした。 別の方法を探してみます。 回答、ありがとうございました!
- abacabu
- ベストアンサー率37% (250/663)
過去に趣味でホームページを作っていた者です。 まずはじめに、表示範囲を指定して、 中身に大量の情報を指定しても、勝手にはスクロールバーは付きません。 スクロールルバーを個別に指定する必要があります。 丁度良い参考ページがあったので貼っておきます。 っていうか… これらの知識はネット上に沢山転がっています。 過去に散々ホームページ作成が流行った時期があるので、 かなり素人向けの解説付き親切サイトが多いです。 スクロールバー タグやホームページ スクロールバー等 で検索すると簡単に欲しい情報が手に入ります。 それでは頑張って下さい。
お礼
勉強になりました。 丁寧に説明までしていただきありがとうござます!
お礼
上手くいきました! 画像の件も含め、たくさん勉強になりました。 回答ありがとうございました!