internet-explorer-7 - IE7ウィンドウのサイズ変更で消える要素

Question

私はこのウェブページをコーディングしています。http://www.nomizine.com/misc/tbs/default.html

IE7を除いてどこでもうまくレンダリングされます。ブラウザウィンドウのサイズを変更すると、上部のナビゲーション、左側のコンパス、右側のサブスクライブブロックが消えます。

それを修正する方法はありますか？ところで、私はすでにzoom：1、clear：bothなどのHasLayoutのトリックを試しましたが、何も機能していないようです。

Answer 1

問題は、コンパスが絶対配置されているが、コンテナー (この場合は td) が絶対配置または相対配置されていないという事実だと思います..

絶対配置の要素は、最も近い相対または絶対配置の親に関連して配置されるため、この要素を配置する場所を (サイズ変更のために) 再構築しようとすると、IE7 が混乱する可能性があります。

#compassdivをadivでラップすることをお勧めしますposition:relative

[編集]

犯人は#header_bgcssファイルのルールです.. position:relativeを削除するだけで、すべてが正常に戻ります:)

#header_bg{
   background: url(../images/header_bg.png) no-repeat center top;
   /*position:relative;*/
 }

Answer 2

これが私のために働いたものです。

#header_bg{
            background: url(../images/header_bg.png) no-repeat center top;
            height:100%;
            margin:0 auto;
            position:relative;
            text-align:center;
            width:100%;         
    }