人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

単純なhtmlとcssについてです。

<html>
<head></head>
<body>
<div style="width:100px;">
○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○
</div>
</body>
</html>

<div>の幅を100pxにしてその中の文字をこの幅に収めようと思って記述しました。

文字列をソース内で「改行なし」で記述するとIE6と7では上記の通りになるのですが
mozilla、Opera(いずれも最新ver)では文字列がdivを突破して横スクロールが出てしまいます。

何か見落としていているだけで簡単に解決できるかなと思ってgooで聞いてみたのですが、
解決できなかったので、はてなで再質問させてください。よろしくお願いします。


●質問者: plugbot
●カテゴリ:インターネット ウェブ制作
✍キーワード:CSS goo HTML IE6 Mozilla
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● drowsy
●35ポイント

求めておられる回答と違ったら申し訳ないのですが、

(gooでのやりとりが見えたらよかったかも…

URLあったらgooで試した方法は回答から除外されるので)


○○○○○○○○○○

○○○○○○○○○○

○○○○○○○○○○

○○○○○○○○○○


という表示をさせたいですか?それとも単に「○」はテストの為のダミー?

ダミーだった場合は、通常の文章を入れてみてください。

100pxでも200pxでもきちんと表示されると思います。

http://q.hatena.ne.jp/answer(ダミー)

◎質問者からの返答

○はダミーです。

原因が判明しました。。。

Apacheでした。

ローカルのApacheを停止させてレンタルサーバにアップして確かめたら問題ありませんでした。

具体的な原因は不明ですがとりあえず解決ということで。

これはなかなか気付きにくいです(笑)


2 ● tsukis
●35ポイント ベストアンサー

「○○○○○○○○○○○○○○○○○○○○○○○○○」や「aaaaaaaaa」などの連続したアルファベットは一つの単語としてみなされるのでmozillaやOperaでは改行されません。

改行したい場合は、改行したい部分にbrを入れるか、

div要素にoverflow: hidden; 等を設定し、はみ出た部分を非表示にすることで、レイアウトの崩れは解決できると思い尾ます。

http://q.hatena.ne.jp/answer

◎質問者からの返答

あれ?これは仕様なのですか(汗)

ダミーを入れてしまったのが悪かったようですね。。。

通常の連続しない文字列なら大丈夫そうなのでまずは安心です。

Apacheは関係ないということで訂正します。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ