divで作った枠が本文の入力で形が崩れてしまう。

質問

HTML側　

　　　　<div id="waku">
　　　　<p>本文</p></div>

　stylesheet側

　　　　#waku { border ： 1px solid #FF9900 ； float ：　left ； width ： 750px ；　height ： 500 ；}

　このように入力し、画面左側に本文を収めるための枠を用意しました。そしていざ本文を入力すると、本文が画面右いっぱいにまで入力され、さらに、それにより枠も指定したpx通りではなく文字が表示される箇所に合わせて形を変えてしまいます。

　解決方法をご教授下さい。

回答No.1

Erorin · ベストアンサー

スタイルシートを半角で打ちなおしてください。

お礼

ちょっと質問の仕方が悪かったようですね。もう少し調べてみます。ありがとうございました。

補足

これは失礼しました。全角とpxの入力ミスは質問文のみで、スタイルシートでは間違いありません。他に何か可能性ありませんでしょうか？枠を固定するタグとか。

回答No.3

DrFell

補足を拝見しました。当方では、スタイルシートの指示どうりに表示されていますので、何に困っておられるのか理解できません。

いまご提示されているソースと質問では、何が問題なのか理解できません。問題が再現されるソースと、何が問題なのかがわかる補足をお願いします。また、スタイルシートはその#wakuの指定のみならず、他の場所の指定が、pに影響を及ぼしている場合もありますので、他の指定が問題かもしれません。

1つだけ思い当たるのは、実験的に動作確認される場合、本文の箇所にああああああああああああああ……などとすると問題ないのですが、aaaaaaaaaaaaaaaaaaaaaa……などと、英文字でスペースを空けずに入力すると、1単語で切れないと判断され、想定した枠を超えて1行で表示されます。

でも、本文を入力すると……となっているので、違いますよね。

お礼

これは失礼。まあ質問の良し悪しは初心者ってことで。ありがとうございました。

回答No.2

DrFell

heightの単位が無いので、500は効かない。500pxとしてください。
cssに全角は使わないでください。

補足

失礼↓全角とpxは質問文の時に間違えました。スタイルシートは問題ありません。本文の途中に<br>で無理やり改行する方法も考えましたが、それはプログラムとしては相応しいやり方ではありませんよね。