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

解決済みの質問

StyleSheet:float 使用時、テキストが指定幅を超える

お世話になります。
スタイルシートの設定について、質問させてください。

下記のようなページを作ったところ、
main_left内のテキストが指定した400pxを超え、
main_rightがmain_leftの次の段落に回り込んでしまいます。

テキストが400を超えないようにするには
どうすればよいでしょうか?

もっと具体的に言えば、
http://www.geocities.jp/multi_column/float/sample/float.html
このサイトのようにしたいだけなのですが、
どこが間違っているのかがわからず困っています。

---------------------------------------
index.html
---------------------------------------
<html><head><link rel="stylesheet" href="main.css" type="text/css" /></head>
<body>

<div id="main">
<div id="main_left">
123456789012345678901234567890123456789012345678901234567890</div>
<div id="main_right">
12345678901234567890123456789012345678901234567890</div>
</div>

</body></html>

---------------------------------------
main.css
---------------------------------------
#main { width:600px; }
#main_left {
float:left;
width:400px;
background-color:#CCFF99;
}
#main_right {
float:right;
width:190px;
background-color:#FFCC99;
}
---------------------------------------

以上、ご回答よろしくお願いいたします。

投稿日時 - 2008-03-19 10:26:15

QNo.3875671

すぐに回答ほしいです

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

内容が日本語ですか?
例えば数字ですと、変な場所で区切ると10010だと1万十なのか百と十なのか判らなくなってしまいますね。それで、改行しません。英文も単語で分けないなどなど、

そのあたりの禁則処理と関わっていませんか?○○などと実験してもおなじですので、雛型のための実験なら、あいうえお等とか普通の文章を入れてみるなどして下さい。

投稿日時 - 2008-03-19 11:03:01

お礼

ご回答ありがとうございます。まさにこれでした。ひらがなを入力してみたところ、ちゃんと改行されて表示されるようになっていました。禁則処理だったんですね……。

投稿日時 - 2008-03-19 11:17:15

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

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

回答(2)

ANo.1

#main_rightから次の2行を除いてみてください。

float:right;
width:190px;

投稿日時 - 2008-03-19 10:41:05

補足

ご回答ありがとうございます。

少し説明不足だったかもしれませんが、それをはずしてもmain_left部の文字が長くなったときにWIDTH指定を無視し、自動改行されずに一行のままひたすら横に長くなっていくので困っています。

投稿日時 - 2008-03-19 10:44:21

あなたにオススメの質問