プラウザによる表示エラー

質問

エクスプローラー７　では、きちんとホームページが観れるのですが、６だと、真中に空白部分（ずれて表示されてしまう）が出来てしまいますがどうしてでしょう？

回答No.3

elcude

インターネットエクスプローラーの環境はこちらにも６、７共に整っているので検証もできています。CSSやXHTMLも全て(6ページ)ソースを上から確認させていただきました。その上で申し上げたのですが・・・。

見た目上７は全く問題ないように見えます。しかし、実際には
<div id="left">
～略～
</div>
内の何かの要素（画像もしくは<hr />）が<div id="left">で指定している602pxの幅を超えています。７では超えていますが、<div id="right">より下にできたスペースに文字や要素などが入り込むことができるため（見た目上）問題なく表示されます。
しかし、６の場合は幅を超えたときに<div id="right">より下にできたスペースに周り込まない特性を持っています。そのためスペースが<div id="right">の高さ分だけ空き、その下から表示されていると思います。
それが原因なのです。

解決方法としては、left＋rightの幅が800px以内に収まっていないといけないです。left内の要素そして、right内の要素をプラスしたときに超えてしまっているのでそれを800px以内収めないといけないです。
mail/index.html、service/index.htmlはその指定された幅にちゃんと収まっています。

そのほかのスペースができるページはそれを原因に考えて問題解決をしてください。

■エクスプローラー７　では、きちんとホームページが観れるのですが、６だと、真中に空白部分（ずれて表示されてしまう）が出来てしまいますがどうしてでしょう？

という質問でしたので回答はここまでです。

お礼

有難う御座いました。自分なりに修正しております。

補足

教えてください。私も立面図のせいかと思い、index.htmlは試しに立面図を削除しました。だめでした。もう一度確認してみます。有難う御座います。