0

質問を閲覧してグーグルで検索していますが、この問題の修正が見つからないようです。レイアウトは、IE7（サプライズ）を除く他の場所のグリッドでは完全に見栄えがします。

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

ボックスはすべて互いに5ピクセル以内にある必要がありますが、IE7ではdivの下の間隔が完全に壊れています。ブラウザ間の表示の違いを最小限に抑えるためにいくつかの修正を加えましたが、これは完全に頭がおかしくなります。

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

4

4 に答える 4

0

CSS 内でいくつかの変更を行う必要があります。

1) .gridRow の内側で clear を削除します。両方とも、 overflow属性を追加することを検討し、すべてのマージンとパディングを .gridBox の代わりに .gridRow 内に配置する必要があります。レイアウトが変更されたときに 1 つのクラスのみを変更する必要があるため、より良い方法です。

.gridRow {
    /*clear: both;*/
    display: block;
    margin-top: 5px;
    overflow: auto;
}
于 2011-07-08T06:21:20.370 に答える
0

IE7 スタイルのみが必要な場合は、タグに次を追加できます。

<!--[if IE 7]>
<style type="text/css">
.myIE7onlyClass {/*styles here*/}
</style>
<![endif]-->
于 2011-07-08T06:23:19.133 に答える
0

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 エラーに役立つと思います。

于 2011-07-08T06:19:59.360 に答える
0

削除:clear:bothの CSS コード内:

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

その後、すべてのブラウザで動作します。

于 2011-07-08T10:38:44.680 に答える