テーブルの一部分のセルだけにスクロールバーを付けたいのですが、うまくいきません。
#test1はちゃんとスクロールバーが付くのに、
テーブル内の設定したセルにはスクロールバーが付きません。
tableタグやth,tdタブにも設定したりと色々しましたが、
付きません。
なぜなのでしょうか。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>test page</title>
<style type="text/css">
table {
background:yellow;
}
th,td {
width:200px;
border:solid 1px #000000;
overflow:scroll;
}
#test1 {
width:100px;
overflow:scroll;
}
</style>
</head>
<body>
テーブル
<br />
<table>
<tr>
<th>見出し1</th><td>本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文</td>
</tr>
<tr>
<th>見出し2</th><td></td>
</tr>
<tr>
<th>見出し3</th><td>本文</td>
</tr>
</table>
<div id="test1">あああああああああああああああああああああああああああああああああ</div>
</body>
</html>
お礼
時間が経つにつれ下らない事を質問したかなーって諦めかけていました。やっぱり聞いてみるものですね。エレベータですかぁ…そうだよね確かにエレベータ…と妙に感心しちゃいました。検索するにも、このキーワードに辿り着けず困っていたので大変嬉しいです!サンプル一杯ありました。これから色々してみます。ありがとうございました!またお願いします。