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

解決済

質問者：fukumaru29
質問日時：2010/07/05 13:17
回答数：1件

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

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

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

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

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

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

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

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

※添付画像が削除されました。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

No.1ベストアンサー

回答者： rurino
回答日時：2010/07/05 17:44

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

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

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

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