こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

ドリームウィーバーを使ってサイトを製作しています。初心者です。

ドリームウィーバーを使ってサイトを製作しています。初心者です。

IE8でプレビューしながら作成してほぼ完成したのですが、IE7のPCで見るとレイアウトが崩れていました。
サファリで見ても、ドリームウィーバーのデザインビューで見てもIE8と同じように正常に表示されているのですが、IE7だと崩れています。

いろいろ触ってますがわからなくて困っています

アドバイスをお願いいたします。


画像の上の写真が正常な状態、下の写真がIE7での表示です、CSSでオーバーフロウをかけて、アイフレームのようにスクロールできるようにしてますが、これが原因でしょうか?
メニューボタンも少し上に上がってしまって背景とかぶってます。

↓問題のページです(ほかのページも崩れてます)
http://pochipro.pochi.sc/aboutpochi.html

↓CSSのページを作りました。
http://pochipro.pochi.sc/css.html

どうかアドバイスをよろしくお願いいたします。

マルチメディアファイルは削除されたか見つかりません。

投稿日時 - 2010-07-05 13:17:46

QNo.6016896

すぐに回答ほしいです

質問者が選んだベストアンサー

ざっと見た感じなのですが…

zentaiの中に入っている要素の横幅の合計が840pxと同じないし広い状態になっているのではないかと。
マルチブラウザ対応するのであれば

・フロートさせる要素には横幅だけを指定し、マージン・パディングを指定しない
・マージン・パディングを指定した要素には横幅を指定しない
・2カラムに分ける場合は左フロートと右フロートをかっちり指定してclear:bothで解除する

ようにすることで、予期せぬレイアウト崩れを防ぐことができます。

投稿日時 - 2010-07-05 17:44:19

お礼

なんとか解決いたしました。
なんか別のとこが少しずれてたりと課題がのこりますが、精進いたします。
ありがとうございました。

投稿日時 - 2010-07-07 22:28:29

ANo.1

このQ&Aは役に立ちましたか?

6人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問