tableの高さを固定したく、heightとoverflowを指定したんですが、
tableに記述したソース分の大きさ(高さ)になり、スクロールバーが表示されません。
/*----外部CSS----*/
.sample{
color: #ffffff;
background-color: #000000;
height: 500px;
width : 90%;
overflow:scroll;
}
/*----ソース-----*/
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<meta http-equiv="content-style-type" content="text/css">
<link rel="stylesheet" type="text/css" hrefstyle.css"></head>
<body>
<table class="sample"><tbody><tr>
<td class="a1"></td><td class="a0"></td><td class="a2"></td></tr><tr>
<td class="a0"></td><td class="a0">
<div class="text">本文(heightが700pxくらいの内容)</div>
</td><td class="a0"></td></tr><tr>
<td class="a3"></td><td class="a0"></td><td class="a4"></td>
</tr></tbody></table>
※tdのclassはテーブルのふちに用いてる画像を指定してあります。
</body>
</html>
解決方法をご存知の方、よろしくお願いします。
No.1
- 回答日時:
過去に趣味でホームページを作っていた者です。
まずはじめに、表示範囲を指定して、
中身に大量の情報を指定しても、勝手にはスクロールバーは付きません。
スクロールルバーを個別に指定する必要があります。
丁度良い参考ページがあったので貼っておきます。
っていうか…
これらの知識はネット上に沢山転がっています。
過去に散々ホームページ作成が流行った時期があるので、
かなり素人向けの解説付き親切サイトが多いです。
スクロールバー タグやホームページ スクロールバー等
で検索すると簡単に欲しい情報が手に入ります。
それでは頑張って下さい。
参考URL:http://allabout.co.jp/gm/gc/23865/2/
No.3ベストアンサー
- 回答日時:
まず、
overflow:scroll; ← コロン小文字に
----------------
テーブル関連にoverflowバグもあるので、
テーブル自体にスクロールを付けるのではなく、
その外枠を作って中のコンテンツをスクロールさせる。
外枠より中のテーブルが大きければ全体を見る為にスクロールさせる考え方。(コンテンツは、テーブルでも良いですが・・・)
<div style="height:500px; width:90%; overflow:auto;">
コンテンツ
</div>
----------------
>※tdのclassはテーブルのふちに用いてる画像を指定してあります。
これも間違った方法で、何の為のテーブルなのでしょう・・・
テーブルは表です。画像を入れる為の表だと無意味なテーブル・・・
表以外の目的でテーブルは利用しない方が良いでしょう。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
このQ&Aを見た人はこんなQ&Aも見ています
-
プロが教えるわが家の防犯対策術!
ホームセキュリティのプロが、家庭の防犯対策を真剣に考える 2組のご夫婦へ実際の防犯対策術をご紹介!どうすれば家と家族を守れるのかを教えます!
-
テーブルの行の高さを指定する時全てのtdタグに?
HTML・CSS
-
HTML5で、テーブル内tdタグの高さを常に固定に
HTML・CSS
-
<table>の高さ固定。情報増加時、高さ自動変化
HTML・CSS
-
-
4
HTML <td></td>タグ セル内余白を無くす方法
ホームページ作成・プログラミング
-
5
return trueとreturn falseの用途・違いは・・・?
JavaScript
-
6
tdに対してmin-heightの定義、または同じ
HTML・CSS
-
7
テーブル内のテーブルの高さを揃えたい。
HTML・CSS
-
8
htmlでテーブル内にテキストボックスを作りたいのですが・・・
HTML・CSS
-
9
テーブルの一部分のセルだけにスクロールバーを付けたいのですが、うまくいきません。
HTML・CSS
-
10
テキストエリア内の改行禁止
HTML・CSS
-
11
テーブルタグの中にdivを含めてはダメ?
HTML・CSS
-
12
TRタグの余白をcssで設定するには
HTML・CSS
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
ウィンドウのサイズを変えても...
-
テーブルの横に画像を
-
インラインフレームの隣に画像...
-
はじめて質問させていただきます。
-
テーブルの横に文字を置くタグ
-
テーブル内に画像を表示したい。
-
画像の横にテーブルを。。。
-
テーブルの位置を細かく指定し...
-
table内にiframeでテーブルが崩...
-
商品詳細を横並びに表示する方法
-
テーブルの行を折りたたみたい...
-
TABLEのセルの中の文字を行単位...
-
テーブル幅が固定できない
-
テーブルとテーブルの間隔について
-
formのinputなどの幅100%指定
-
テーブルのヘッダとボディの幅...
-
正規表現で「より前」と「より後」
-
テーブルの任意の列を非表示に...
-
この出品にある送料表の作り方
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの横に画像を
-
テーブルの位置を細かく指定し...
-
ウィンドウのサイズを変えても...
-
HTMLでテーブルを横に並べる方法
-
テーブル内に画像を表示したい。
-
ヘッダー固定のスクロールが可...
-
tableのheight指定が効かない
-
箇条書きリストのすぐ横に画像...
-
【CSS】縦横スクロールテーブル...
-
DWで、デザインビューに表示さ...
-
更新するとずれる?
-
複数のテーブルを無条件に中央...
-
2つのテーブルを左右に表示した...
-
一つのテーブル内の文字色だけ...
-
<SPAN>で文字を右揃えにしたい...
-
テーブルでスクロールを同期したい
-
画像の横にテーブルを。。。
-
スタイルシートで、画像の横に...
-
テーブルの高さ幅の固定方
おすすめ情報