利用規約を申し込みフォームにつける

Question

<form></form>で囲まれているコードの中に 下記のようなスクロールバーが付いたものを設置したいです。

その際にCSSをoverflow-y:scrollと設定し、

<div id = "">で囲い、利用規約の中身を<p>タグでくくると文字が表示されません。

こちら原因の思い当たる節がある方いましたらぜひご教示いただきたいです。

お手数をお掛けいたしますが宜しくお願い致します。

Comments

[kei344]

具体的にHTMLおよびCSSを質問文に追記されたほうが回答を得られやすいと思います。

Answer 1

下記手順のどれかが抜けている（または勘違いしている）のではないでしょうか？

• 実行サンプル

手順

• 囲っているdiv要素に下記を設定する。

1. height（内部の要素の高さよりも短い数値）
2. overflow-y: scroll;

• div内にスクロールが発生するほどの十分な量のテキストを配置する。

<div class="wrap">
  <p>テキスト</p>
  <p>テキスト</p>
</div>

.wrap {
  background-color: #CCC;
  overflow-y: scroll;
  width: 300px;
  height: 200px;
}

Answer 2

とりあえずoverflow-yは辞めましょう・・古いです。IE独自仕様です。
該当部分を右クリックして、IEなら「要素の検査」、FFなら「要素の調査」、Chromeなら「検証」をクリックし、該当する部分のソースをクリック。
どんなスタイルが適用されているか確認し、対応してください。

Comments

[growthposition]

ありがとうございます。
こちら確認いたします！

[yamato_hikawa]

IEの独自実装という情報が古いです。
overflow-x, overflow-yはCSS3で採用されており、各モダンブラウザで使えるプロパティです。
http://www.w3schools.com/cssref/css3_pr_overflow-y.asp

[takepieee]

本当ですね・・初めて知りました。
ありがとうございます。

[kei344]

https://www.w3.org/TR/css-overflow-3/#overflow-properties

[yamato_hikawa]

仕様の補足ありがとうございます。

[takepieee]

clipという値も初見です。
情報ありがとうございます。

Answer 3

まず、利用規約を「あいうえお」など単純なものにして現象が発生すべきか確認するのがよいかと思います。

それで「あいうえお」すら表示されないのであれば、タグの記法が誤っているかと思います。

「あいうえお」が表示されたら、利用規約の中に特殊な文字（「<」や、「'」など）がある事で現象が起きているかと思います。

Comments

[growthposition]

ありがとうございます。
一度確認してみます！