質問: tableのheight指定が効かない tableの高さを固定したく、heightとoverflowを指定したんですが、 tableに記述したソース分の大きさ(高さ)になり、スクロールバーが表示されません。 /*----外部css----*/ .sample{ color: #ffffff; background-color: #000000; height: 500px; width : 90%; overflow:scroll; } /*----ソース-----*/ | | | | | | 本文(heightが700pxくらいの内容) | | | | | | ※tdのclassはテーブルのふちに用いてる画像を指定してあります。 解決方法をご存知の方、よろしくお願いします。
回答: まず、 overflow:scroll; ← コロン小文字に テーブル関連にoverflowバグもあるので、 テーブル自体にスクロールを付けるのではなく、 その外枠を作って中のコンテンツをスクロールさせる。 外枠より中のテーブルが大きければ全体を見る為にスクロールさせる考え方。(コンテンツは、テーブルでも良いですが・・・) コンテンツ >※tdのclassはテーブルのふちに用いてる画像を指定してあります。 これも間違った方法で、何の為のテーブルなのでしょう・・・ テーブルは表です。画像を入れる為の表だと無意味なテーブル・・・ 表以外の目的でテーブルは利用しない方が良いでしょう。