IE7余分なスペース/ DIV間の埋め込み

Question

質問をブラウジングしていて、これを検索していましたが、この問題の修正が見つからないようです。レイアウトは、IE7（驚き）を除いてどこでもグリッドにとって完璧に見える。

http://lalive-branch.aeg-webdev.com/

ボックスは全て互いに5つの画素範囲内であるべきであるが、IE7でのdiv以下の間隔が完全にしくじっ得ます。ブラウザ間の表示の違いを最小限にしようとするいくつかの修正がありますが、これは私の心を完全に邪魔します。

洞察または助けがあれば幸いです。 jqueryエラーなどを無視してください:)、ありがとうございます。

Answer 1

を削除：のためのあなたのCSSコードの内部clear:both：

.gridRow {display:block; /* Remove - clear:both; */} 

そして、それが動作しますすべてのブラウザで

Answer 2

このcssのエラーを解決するには、スクリプトを使用する必要があります。

あなたのコアには1つのjavascriptを作成する必要があり、このスクリプトでは以下のような1つのメソッドを作成する必要があります。

if（browser_version == 7 || browser_version == 8）{ document.getElementById（ "your_div"）。style.padding =あなたが望むようにパディングします。 } else { document.getElementById（ "your_div"）。style.padding =デフォルトのパディング。 }

これは、ブラウザのCSSエラーの原因になると思います。インサイド.gridRowが明確削除

1）：両方は、あなたがオーバーフロー属性を追加することを検討すべきであると.gridRowはのinsted内のすべてのマージンやパディングを入れ

Answer 3

はあなたのCSS内のいくつかの変更を行う必要があります。グリッドボックス。レイアウトが変更されたときにクラスを1つだけ変更する必要があるため、より良い方法です。

.gridRow { 
    /*clear: both;*/ 
    display: block; 
    margin-top: 5px; 
    overflow: auto; 
} 

Answer 4

だけIE7のスタイルをしたい場合は、あなたがタグに以下を追加することができます。

<!--[if IE 7]> 
<style type="text/css"> 
.myIE7onlyClass {/*styles here*/} 
</style> 
<![endif]-->