Dreamweaverで制作したHPがIE7で表示が崩れます。

質問

DreamweaverCS3で制作し、ファイルをアップロードしました。
IE6ではきちんと表示されるのが、IE7では崩れます。何が原因なのでしょうか？画像が重なったり。解決方法をお教え下さい。宜しくお願い致します。

回答No.1

aprilia-rs · ベストアンサー

恐らくIE6でのバクもしくはIE6独自のタグがIE7で修正され、aka-cho様はIE6独自のタグを使用している為だと考えられます。
次に考えられる原因は「どこでも配置機能」的な物を使っている、です。

前者の場合ですが、IEが使用しているレタリングエンジンはIEでのみ表示出来る独自のタグが存在し、他のブラウザで見ると正常に表示出来ない場合があります。又IEにはバグも多々ありブラウザシェア率は80%前後と高いものの、確認に使うブラウザとしては少々問題があります。
私はFirefoxで確認しながらサイト制作を行っています。Gekoエンジンが一番基準に適していると思います。
確認はGekoエンジン搭載ブラウザ(Firefox・Mozilla・Netscape等)で行い、IE、Opera、Safari等の様々なブラウザで最終確認を行うと、あらゆる環境でも同じように閲覧出来るサイトが完成します。

後者の「どこでも配置機能」ですが、初心者には便利な機能ですがタグの記述が非常に複雑かつ曖昧になってしまいます。ですので特に細かいレイアウトを制作すると表示崩れは必須だとお考え下さい。

参考URL：

http://ja.wikipedia.org/wiki/%E3%82%A6%E3%82%A7%E3%83%96%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6

お礼

早速のご返答に感謝致します。ありがとうございます。
FirefoxとOperaをインストールしまして、確認しました所、
IE7と同じ表示になりました。（下に来るべき画像が上と重なる）
ところで、この状態を脱するにはCSSを変更するという事でしょうか？
特に、「どこでも配置機能」的なものを使っては制作していないのですが・・・。
上（幅858）にヘッダー、左側（幅240）にサイドバー、下（幅858）にフッター、真ん中（幅573）をメインというようにして、メインだけを編集可能にして作りました。サイドバーとメインが上にあがります。
宜しくお願い致します。

回答No.2

foitec

私は以下のサイトでタグをチェックしてから公開しています。

HTML文書の文法をチェックし、採点します
http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html

また希望の位置に画像配置させるには「テーブル」を作成しセル内に収めたほうが無難です。

参考URL：

http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html

お礼

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