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

CSS

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

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

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

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

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

1173481503
●拡大する

●質問者: esecua
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:CSS firefox IE エリア ブラウザ
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Yota
●60ポイント

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

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

.leftbox {

float:left ;

width :500px ;

border : 1px solid blue ;

}

.rightbox {

float:right ;

width :300px ;

border : 1px solid red ;

}

◎質問者からの返答

ありがとうございます。

HTMLは普通に

なが?いぜ
右ね

見たいな感じです。

関連質問


●質問をもっと探す●



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