1173481503 CSS


CSSで横方向に段をつくり、左側はwidthを700pxに右側は300px、そして全体を1000pxに設定したとします。

こんな感じ↓
.hateyan{
float: left;
width: 700px;
}

.hatean{
float: right;
width: 300px;
}

左側の段になが~い文字を入力してIEとFirefoxで表示してみると、IEのほうは、ちゃんと700pxで文字が回りこみますが、FireFoxでは回り込まず、最後まで一直線でブラウザの右端に着きます。その際に右側のエリアの下を文字が通ります。

FirefoxでもIEでもちゃんとwidthを守らせ、長い文字の場合は回りこまさせるにはどうしたらいいのでしょうか?

回答の条件
  • 1人5回まで
  • 登録:2007/03/10 08:05:04
  • 終了:2007/03/17 08:10:03

回答(1件)

id:Yota No.1

Yota回答回数453ベストアンサー獲得回数282007/03/10 10:58:32

ポイント60pt

当方では、このスタイルでclass="leftbox"にテキストをいっぱい書いても、IE,FF同じようにBOX内に収まります。

htmlはどのようになっていますか。

.leftbox {

float:left ;

width :500px ;

border : 1px solid blue ;

}

.rightbox {

float:right ;

width :300px ;

border : 1px solid red ;

}

id:esecua

ありがとうございます。

HTMLは普通に

なが~いぜ
右ね

見たいな感じです。

2007/03/10 11:17:11
  • id:Yota
    htmlファイルを貼り付けても<div>とかなくなっちゃうので、いまいち会話がなりたたないんですよ。
    どっかwebサーバで見れないですか。
    そこでソースで見たほうがよくわかるので。
  • id:esecua
    serverもってないんです。すいません。
  • id:Yota
    http://www2.gtec-ni.com/csstest.html
    こういうのではないですか。
  • id:quintia
    HTMLを解答に書きたいときは、
    >||
    <p>ここにはhtmlを書けます</p>
    ||<

    という感じで、

    >|| という行と
    ||< という行の間に書くとよいですよ。
  • id:Yota
    そういうことですか。「引用」というのをおすとこういうのが出ますが、役に立たなかったのであきらめていました。
    >>
    <<
  • id:quintia
    >解答
    間違い。"質問、回答、回答へのコメント"でした。
    今試しているhtmlソースが判るように1.のコメントを書き直せば、別の回答が得られると思いますよ。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません