• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:テキストエリアの作成法)

テキストエリアの横一列表示と改行方法

このQ&Aのポイント
  • テキストエリアを横一列に並べた場合、インターネット・エクスプローラーでは表示されない問題が発生します。この問題を解決する方法について解説します。
  • テキストエリア内の文章に改行を追加する方法について紹介します。
  • テキストエリアの横一列表示におけるインターネット・エクスプローラーの表示問題と、テキストエリア内の文章に改行を追加する方法について解説します。

質問者が選んだベストアンサー

  • ベストアンサー
noname#56882
noname#56882
回答No.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> &nbsp;<TEXTAREA ROWS="13" COLS="70" NAME="textarea1"id=textarea1 style="HEIGHT: 540px; WIDTH: 300px; font-size: 9pt" readonly> 『テキスト』 </TEXTAREA> &nbsp;<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両方での動作確認済みです)

fanzhao
質問者

補足

<div class="MsoNormal">に変更したところうまく表示されました。 改行は元のテキストの問題でした。 IEで表示されないのは以下の指定で</title>を付け忘れたのが原因でした。 <head> <title>MISC </head> ありがとうございました。

関連するQ&A