![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_05.png?e8efa67)
#test1はちゃんとスクロールバーが付くのに、
テーブル内の設定したセルにはスクロールバーが付きません。
tableタグやth,tdタブにも設定したりと色々しましたが、
付きません。
なぜなのでしょうか。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dt …
<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>
No.2ベストアンサー
- 回答日時:
> なぜなのでしょうか。
overflowプロパティの適用対象はblock要素”display : block”ですが、<td>/<th>はそれぞれtable要素のグループであり”display : table-cell”ですので適用外となります。
なので、ANo.1の回答者様の仰る通り、セルの中に更にblock要素のタグを入れた上で、それに対するスタイル設定でoverflowプロパティを使用して下さい。
(overflowプロパティ参考)http://w3g.jp/css/display_position/overflow
No.1
- 回答日時:
セルの中に、<div>タグを入れてみたらどうでしょうか。
-----------------------------------------------
#test1 {
width: 100px;
overflow: scroll;
}
.sc {
width: 100px;
overflow: scroll;
}
</style>
-----------------------------------------------
<td>
<div class="sc">
本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文
</div>
</td>
-----------------------------------------------
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS <!DOCTYPE html> <html> <head> <meta charset="utf-8 2 2023/01/05 01:04
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
このQ&Aを見た人はこんなQ&Aも見ています
-
「どうして捨てられないの?」前妻の物を捨てられない男性の心理って?
前妻の物を捨てられない理由に加え、捨てるための手段はあるのかを専門家に聞いてみた!
-
テーブルタグの中にdivを含めてはダメ?
HTML・CSS
-
テーブルのヘッダとボディの幅がズレルのを防ぐ
HTML・CSS
-
HTML5で、テーブル内tdタグの高さを常に固定に
HTML・CSS
-
-
4
テーブルの行の高さを指定する時全てのtdタグに?
HTML・CSS
-
5
エクセルの表にスクロールバー
Excel(エクセル)
-
6
DataGridViewでセルクリックイベントを発生させるには
Visual Basic(VBA)
-
7
MAX関数を使ってからLEFT JOINしたいのですが・・
PHP
-
8
htmlでテーブル内にテキストボックスを作りたいのですが・・・
HTML・CSS
-
9
スクロールバーの表示位置を変えたい
JavaScript
-
10
HTML tableのセルにtextareaを使って外の枠に重ねて表示する方法
HTML・CSS
-
11
ヘッダー固定のスクロールが可能なテーブルの作成
HTML・CSS
-
12
TABLEの特定の行にスクロールバーをつけたい
HTML・CSS
-
13
GROUP BYを行った後に結合したい。
Oracle
-
14
HTMLでテーブルを縦に並べたい!
HTML・CSS
-
15
セレクトメニューで2つの項目や値を渡す方法はありますか?
HTML・CSS
-
16
テーブルにスクロールバーをつける
HTML・CSS
-
17
tableタグとformタグの組み合わせ
HTML・CSS
-
18
含まない言い方ってどうしたらいいんでしょうか
日本語
-
19
「指定されたキャストは有効ではありません。」とエラーが出てしまいます。
Microsoft ASP
-
20
エクセルで1つのセルにスクロールバーをつけたい
Excel(エクセル)
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
tableタグとformタグの組み合わせ
-
テーブル内のテーブルの高さを...
-
同じクラス名はつけないほうが...
-
表とリスト(ulとtable)の違い...
-
文字の行の高さ
-
XHTMLに関する質問 順序が逆に...
-
html でのテキスト結合について
-
テーブルの行を折りたたみたい...
-
htmlのtable内に画像
-
HTMLのテーブルをExcelにCopy&P...
-
tableにul,または,olを入れられ...
-
TRタグの余白をcssで設定するには
-
テーブルタグの中にdivを含めて...
-
テーブルのヘッダとボディの幅...
-
CSSで特定のテーブルだけに...
-
テーブルの横に画像を
-
TABLEのセルの中の文字を行単位...
-
更新するとずれる?
-
cssで、表示されるテキストによ...
-
marqueeで映画のタイトルのように
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
html でのテキスト結合について
-
tableタグとformタグの組み合わせ
-
テーブルの一部分のセルだけに...
-
同じクラス名はつけないほうが...
-
formのinputなどの幅100%指定
-
divで囲んだ文字が消える
-
td要素内のdiv要素をセンタリン...
-
XHTMLに関する質問 順序が逆に...
-
テーブル内のテーブルの高さを...
-
td width="180" と固定してるの...
-
Tableタグで作成した表の縮小
-
Tableタグ内のspan styleが適応...
-
cssで、テーブルのtdの中の文字...
-
table内の画像を中央寄せ、のせ...
-
<img>タグにCSSのclass設定可能?
-
Firefoxを使ってるのですがズー...
-
表とリスト(ulとtable)の違い...
-
trとtrの間
-
同じwidth=200でもセル内の文字...
-
リストの記号を括弧付きの文字...
おすすめ情報