No.2ベストアンサー
- 回答日時:
3o-clockさんが、overflow:scroll;でやる方法を挙げてくださっていますが。
overflow: auto;を使う方法もあります。
※参考
http://www6.plala.or.jp/go_west/nextcss/ref/prp/ …
一応サンプルを作っておきました。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="robots" content="NOINDEX, NOFOLLOW">
<style type="text/css">
body
{
background-color: #ffffff;
color: #000000;
}
table.sample
{
background-color: #000000;
border: 1px solid #000000;
width: 400px;
hight: 400px;
}
table.sample td
{
background-color: #ffffff;
border: 0;
padding: 3px;
}
table.sample td div
{
width: 200px;
hight: 200px;
overflow: auto;
}
</style>
<title>サンプル</title>
</head>
<body>
<table class="sample" cellspacing="1">
<tr>
<td>AAAAAAAAAA</td>
<td>BBBBBBBBBB</td>
</tr>
<tr>
<td>CCC</td>
<td>
<div>
DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD
<br>
DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD
<br>
DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD
<br>
DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD
<br>
DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD
<br>
DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD
<br>
DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD
<br>
DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD
<br>
DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD
<br>
DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD
<br>
DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD
</div>
</td>
</tr>
</table>
</body>
</html>
No.3
- 回答日時:
テーブルの中身をスクロールさせるのは、確か環境によって認識状態がかなり変わったと思います。
IEにはコレに関するバグがあるとも解説書で読みました(ややうろ覚え)
テーブルの外側からスクロールさせることをお勧めします。
あと、#1 3o-clockさんが提示されているリンク先のソースだと、非IE環境で派手に表示が崩れます…。
(HTMLの仕様上、本来overflowはdivやpなどブロック要素にしか適用できない。)
↓こんな感じで…。
<div style="width:400px;overflow:auto;">
<table border width="800">
<tr>
<td>AAAAAAAAAA AAAAAAAAAA AAAAAAAAAA <BR>
AAAAAAAAAA AAAAAAAAAA AAAAAAAAAA <BR>
AAAAAAAAAA AAAAAAAAAA AAAAAAAAAA
</td>
<td>AAAAAAAAAA AAAAAAAAAA AAAAAAAAAA <BR>
AAAAAAAAAA AAAAAAAAAA AAAAAAAAAA <BR>
AAAAAAAAAA AAAAAAAAAA AAAAAAAAAA
</td>
</tr>
<tr>
<td>AAAAAAAAAA AAAAAAAAAA AAAAAAAAAA <BR>
AAAAAAAAAA AAAAAAAAAA AAAAAAAAAA <BR>
AAAAAAAAAA AAAAAAAAAA AAAAAAAAAA
</td>
<td>AAAAAAAAAA AAAAAAAAAA AAAAAAAAAA <BR>
AAAAAAAAAA AAAAAAAAAA AAAAAAAAAA <BR>
AAAAAAAAAA AAAAAAAAAA AAAAAAAAAA
</td>
</tr></table>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) Excelについて▶あるセルに文字を入力すると、別のセルに色がつく(条件付き書式) 1 2022/03/27 16:43
- JavaScript HTML&CSS Javascriptによる動的テーブル 1 2023/03/27 19:51
- 介護福祉士・ケアマネージャー・社会福祉士 介護関係者の方に真面目な相談です!! 大変悩んでます…。。 介護専門学生ですが訪問介護に3日実習いき 1 2022/05/23 16:56
- 賃貸マンション・賃貸アパート 賃貸:24時間緊急駆け付けサポートの加入必須?更新時の相談 3 2022/09/08 14:51
- gooブログ 記事の下にスクロールバーが表示される 2 2022/08/19 20:42
- Excel(エクセル) ExcelデータのMacとWindowsの文字化け対策について教えてください‼︎ 私はMacを使って 1 2022/08/22 12:46
- Excel(エクセル) エクセルVBA、ファイル名をセルの値で保存の方法を教えてください。 おそれいります。こちらで数々のエ 6 2023/06/30 22:17
- 金融業・保険業 貸金の法定上限金利はいまいくらでしょうか? 4 2022/12/16 13:46
- ビジネスマナー・ビジネス文書 赤文字の文脈について(その2) 3 2022/08/04 08:54
- Visual Basic(VBA) Excel vbaについて知恵もしくは、コード教えて下さいm(__)m ① 表にあるデータをコピー、 2 2022/09/01 23:57
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
table内で画像と文字をセンター...
-
テーブルで3セル作った行の下に...
-
Excelで可視部分だけをWeb形式...
-
壁紙に複数の画像を使いたい
-
プリントアウト時、ページ内容...
-
<td> 内のテーブルを上寄せにす...
-
WebにてExcelを生成してダウン...
-
HTMLでテーブルを縦に並べたい!
-
罫表のセルの2重線が表示され...
-
テンプレートの件で
-
GoLiveCSで、ホームページをど...
-
折りたたみ(ツリー式?)メニ...
-
CSSのtransform: translate(-50...
-
htmlでテーブル内にテキストボ...
-
エクセルでサイズに合ったもの...
-
エクセルでサイズ指定でPOP...
-
Excel で等間隔で縦線を引きた...
-
HTMLフォームのSELECTの幅を一...
-
『入力文字列 + .html』 に...
-
Microsoft1Officeの互換ソフト...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
table内で画像と文字をセンター...
-
HTMLでテーブルを縦に並べたい!
-
Excelで可視部分だけをWeb形式...
-
表の中に表
-
テーブルで3セル作った行の下に...
-
<td> 内のテーブルを上寄せにす...
-
プリントアウト時、ページ内容...
-
テーブルとテーブルの間に、隙...
-
CSS line-height が効かない
-
表の中でのフォーム
-
dreamweaverで、テーブルのボー...
-
テーブルにスクロールバーを付...
-
テーブルの中のグラデーション...
-
Jimdoで表組のなかの画像をポッ...
-
スタイルシートで<table>の内側...
-
<緊急>テーブルを使わないで...
-
ページ上部にスペースが空いて...
-
スタイルシートがMACで有効にな...
-
ドリームウェーバー(ウィーバ...
-
Dreamweaverでソースが横一列に...
おすすめ情報