- ベストアンサー
cssの指定の横幅よりテキストがはみ出てしまう
cssの指定の横幅よりテキストがはみ出てしまう 下記のとおり指定したのですが、winIE6.0だとwidthに収まるのに、FirefoxやNetscape 7.0 だと外にはみ出てしまい、横幅内に改行してくれません。 すみませんが、教えて下さい。 tate.css--------------------- #question { margin: 10px; padding: 3px; width: 560px; } #question dl{ margin: 10px; } #question dt{ color: #90B77F; font: 0.8em "MS ゴシック", Osaka, sans-serif; } #question dd{ font: 0.8em "MS ゴシック", Osaka, sans-serif; margin-left: 30px; } #question p { margin-bottom: 1em; font: 0.8em "MS ゴシック", Osaka, sans-serif; } --------------------------------- test.htm--------------------------------- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <title>試し</title> <link href="tate.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="question"> <dl> <dt>質問：○○○○○○○○○○○○○○○○○○○○</dt> <dd>回答：○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○ ○○○○○○○○○○○○○○○○○○</dd> </dl> </div> </body> </html>
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは 私の経験では、今回の質問に関しては、HTMLの問題ではないと思います。 「○」を入れているのが問題で、「あ」とか「い」や普通の文章を入れておけば、FirefoxやNetscapeもIEと同じような表示になると思います。
その他の回答 (1)
- 3o-clock
- ベストアンサー率33% (233/689)
word-break: break-all; を追加してみる。 http://www.htmq.com/style/word-break.shtml http://www5e.biglobe.ne.jp/～access_r/hp/css/css_text_012.html
お礼
さっそく教えていただきありがとうございます！ urlを拝見したのですが、どうやらIE独自なのですね・・・、残念ながらIEでは表示できましたがFireFoxやNetscapeではそのままでした・・・。
お礼
教えていただき、ありがとうございます。 半信半疑になりながら試したところ、まさにその通り！ あいうえおだとちゃんと改行してくれました！ うわーびっくりです。 目からウロコと申しましょうか、本当にありがとうございます。 ということは、○は文字じゃないんですかね？ そこが疑問になってしまいました。