0

この「一般的なギャップの問題」の解決策を探して頭を悩ませてきました。

Chrome でのページと IE9 でのページの様子は次のとおりですhttps://dl.dropbox.com/u/3788693/Work/example.jpg

ここに私の HTML ファイルがあります: https://dl.dropbox.com/u/3788693/Work/01index.html

私は使用と適用についてたくさん読んだ

Setting position:relative on the header block.
Setting position:absolute; top:0; right:0
#header img { display: block }

しかし、IE では変化が見られないようです。おそらく、間違った場所に間違ったものを適用していますか？そもそもなんでIEで違うの？

4

1 に答える 1

1

使用しているIEの条件付きコメントで

<!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.twoColElsLtHdr #sidebar1 { padding-top: 30px; }
.twoColElsLtHdr #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->

padding-top: 30pxfrom.twoColElsLtHdr #sidebar1とpadding-top: 15pxfromを削除すると、表示され.twoColElsLtHdr #sidebar1ているギャップが処理されます。

于 2013-01-22T07:30:00.013 に答える