こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

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>

投稿日時 - 2006-03-02 15:46:48

QNo.2002051

暇なときに回答ください

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

こんにちは

私の経験では、今回の質問に関しては、HTMLの問題ではないと思います。

「○」を入れているのが問題で、「あ」とか「い」や普通の文章を入れておけば、FirefoxやNetscapeもIEと同じような表示になると思います。

投稿日時 - 2006-03-03 08:09:26

お礼

教えていただき、ありがとうございます。
半信半疑になりながら試したところ、まさにその通り!
あいうえおだとちゃんと改行してくれました!
うわーびっくりです。
目からウロコと申しましょうか、本当にありがとうございます。

ということは、○は文字じゃないんですかね?
そこが疑問になってしまいました。

投稿日時 - 2006-03-03 09:56:20

このQ&Aは役に立ちましたか?

2人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.1

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

投稿日時 - 2006-03-02 16:35:24

お礼

さっそく教えていただきありがとうございます!
urlを拝見したのですが、どうやらIE独自なのですね・・・、残念ながらIEでは表示できましたがFireFoxやNetscapeではそのままでした・・・。

投稿日時 - 2006-03-03 09:53:19

あなたにオススメの質問