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

ブログのレイアウトが崩れてしまいます。

http://blog.livedoor.jp/krabi777/

Firefoxだとヘッダーが表示されません。
IEで表示すると、レイアウトが崩れてしまいます。

どのような問題が考えられますでしょうか?

CSSとHTMLの知識は若干あります。
アドバイスをいただけると助かります。

●質問者: Tomo
●カテゴリ:インターネット ウェブ制作
✍キーワード:CSS firefox HTML IE アドバイス
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● horonict
●15ポイント

手元のFirefox 3.0.15ではヘッダも含め、正常に表示されています。


IEでレイアウトが崩れるのは、「クラビ地図」のimgタグから連続してGoogle Ads を表示させるためのdivタグがあるのが問題だと思います。いったんbrで改行するなどする必要があります。


(参考)回り込みを解除する

http://www.tagindex.com/html_tag/img/br_clear.html


2 ● kaz
●100ポイント ベストアンサー

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

■ヘッダ画像が表示されない

背景画像の指定 repeat-none は間違いで、正しくは no-repeat です。

これを修正すれば表示されます。


■IE6 だとレイアウトが崩れる

93行目の #content に「overflow: hidden;」を追加してください。

(以下をどこかに追加する形でも可能です)


#content {

overflow: hidden;

}

◎質問者からの返答

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

完璧でした。完全に修正できました。

本当に助かりました。

関連質問


●質問をもっと探す●



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