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

CSSに関する質問です

下記のサイトなのですが
http://www.tokunagaseikotsuin.com/

IEで見ると背景画像が表示されるのに
Firefoxでみると表示ができません。

divで全体をくくって
背景画像を指定しているのですが
中にfloatを使っているせいだとわかっているのですが、どうすれば表示させられるかがわかりません。

Firefoxでも背景表示される
方法を教えてください。

●質問者: kandora
●カテゴリ:ウェブ制作
✍キーワード:CSS firefox IE サイト 画像
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● KUROX
●60ポイント

■floatした際の背景表示CSS TIPS

http://css.webcreativepark.net/tips6/

◎質問者からの返答

とてもわかりやすいサイトですね。

ご紹介ありがとうございます!

じっくり読んでみます


2 ● wizemperor
●100ポイント

いわゆるclearfixといわれる方法を使うといいかと思います。

CSSに以下のものを追加してください。


#contents {
 min-height: 1px;
}

#contents:after {
 height: 0;
 visibility: hidden;
 content: ".";
 display: block;
 clear: both;
}

* html #contents {
 height: 1px;
}
◎質問者からの返答

無事、背景が白くなりました!

その奥にもぼかし背景をいれているのですが^^;

なんとか自分で工夫してみます。

ありがとうございました。

関連質問


●質問をもっと探す●



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