- ベストアンサー
テキストエリアの横一列表示と改行方法
- テキストエリアを横一列に並べた場合、インターネット・エクスプローラーでは表示されない問題が発生します。この問題を解決する方法について解説します。
- テキストエリア内の文章に改行を追加する方法について紹介します。
- テキストエリアの横一列表示におけるインターネット・エクスプローラーの表示問題と、テキストエリア内の文章に改行を追加する方法について解説します。
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
<p class=MsoNormal>の部分ですが、これはCSSで何か指定されているようですね。 「MsoNormal」のCSS部分を明記してくださると問題点がわかると思います。 CSSで指定しないままでIE6で確認しましたところ、きちんと表示されましたので。 尚、<p class=MsoNormal>ではなく<div class="MsoNormal">が正しいCSS指定方法です。 classで指定するものには必ず「" "」をつけてください。 <p>というのは「段落」になりますので、CSSですと<div>で指定する方が良いです。 上記を踏まえた上での参考タグは下記になります。 <form> <div class="MsoNormal"> <span> <TEXTAREA ROWS="13" COLS="70" NAME="textarea1"id=textarea1 style="HEIGHT: 540px; WIDTH: 300px; font-size: 9pt" readonly> 『テキスト』 </TEXTAREA> <TEXTAREA ROWS="13" COLS="70" NAME="textarea1"id=textarea1 style="HEIGHT: 540px; WIDTH: 300px; font-size: 9pt" readonly> 『テキスト』 </TEXTAREA> <TEXTAREA ROWS="13" COLS="70" NAME="textarea1"id=textarea1 style="HEIGHT: 540px; WIDTH: 300px; font-size: 9pt" readonly> 『テキスト』 </TEXTAREA> </span> </div> </form> > またテキストエリア内の文章に改行をつけるにはどうしたらよいでしょうか。 <TEXTAREA ROWS="13" COLS="70" NAME="textarea1"id=textarea1 style="HEIGHT: 540px; WIDTH: 300px; font-size: 9pt" readonly> テキストテキストテキスト テキストテキストテキスト テキストテキストテキスト </TEXTAREA> これで改行表示されますよ。(IE6、Firefox両方での動作確認済みです)
補足
<div class="MsoNormal">に変更したところうまく表示されました。 改行は元のテキストの問題でした。 IEで表示されないのは以下の指定で</title>を付け忘れたのが原因でした。 <head> <title>MISC </head> ありがとうございました。