IE6のフォーマット問題は、IE 6+でうまく機能しています

Question

私はIE 6+で完璧に動作していますが、IE6またはIE 5.5では奇妙に見えます。これは、このバージョンからトラフィックの約6％が発生するため、IE6でユーザーを無視できないためです。私は代わりになるのを楽しみにしています。

私のいくつかの調査で、Haslayoutプロパティを設定することで、フォーマットの問題を解決できることを知るようになりましたが、私は自分自身がCSSで非常に貧弱だと考えているので、この問題を修正するためにあなたの助けが必要です。

以下のURLを見つけることができます。IE6で動作を確認できます。テストができない場合に備えて、ソースを表示して確認できます。提案を共有してください。

URL： http://anujtripathi.net/bloglisting.aspx?id=2

Answer 1

コード（default.css）：

.bg1 {
    padding: 0 7px 20px 0px;
    border-top: 1px solid #FFFFFF;
    background: #FFFFFF url(images/img4.gif) repeat-x;
        width: 95%; 
}

95％を縮小して、約92％を気に入ってみてください。

あなたはそうするようにIE6ハックを使用できます：

.bg1 {
  padding: 0 7px 20px 0px;
  border-top: 1px solid #FFFFFF;
  background: #FFFFFF url(images/img4.gif) repeat-x;
  width: 95%;
}

* html .bg1 {
  width: 92%; /* Star Html Hack IE6 only */
}

*+html .bg1 {
  width: 93%; /* Star Html Hack IE7 only */
}

ただし、クロスブラウザの互換性のためにCSSを整理するために、正しい方法を学び、以下のリンクを見ることを強くお勧めします。IE互換性の問題に対処する最良の方法は何ですか？

Answer 2

私はあなたの境界線の幅、縁、パディングを見ます。十分な水平スペースがないため、コンテンツが押し下げられているようです。簡単に確認するには、メインコンテナをもう少し長くして、コンテンツがシフトするかどうかを確認します。