0

960 グリッド システムを使用してサイト (www.960.gs) を作成しています。

内部に 2 つの div (grid_5 と grid_4) を持つ 9 列幅の div (grid_9) があります。

これは、内部に 2 つの内部 div が並んでいる 1 つの大きな外部 div を生成することを意図しています。

ただし、IE6 で表示すると、上下に 2 つの内部 div を持つ 1 つの大きな div として表示されます。

Firefox では、意図したとおりに div が隣り合って配置され、サイトの他の部分でも同じ設定で問題なく動作します。

何が起こっている？私はそれを解決することはできません。

html は次のとおりです。

<div class="ContentWrapper grid_9 alpha omega">
        <div id="MainTitleWrapper" class="standardColor">
            <h2><span class="Rating"><%=Model.Rating%></span><%=Model.ScreenName%></h2>
        </div>
        <div class="MainContentWrapper standardColor">
            <div class="grid_5 alpha">
                    <h3>Ranked This Week In:</h3>
                    <div class="TagContentList">
                        <ul> some stuff</ul>
                    </div>
            </div>
            <div class="grid_4 omega">
                    <h3>Latest</h3>
                    <div class="tweet">
                    </div>
            </div>
        </div>
    </div>
4

3 に答える 3

1

何が起こっているのかをもっと見ることができなければ、あなたの内部divのコンテンツが、その幅をコンテナよりも大きくしていると思います。IE6は、コンテンツがその幅をまったくプッシュする場合、コンテナーの幅の指定を尊重しません。

ただし、可能であれば、さらにコードまたはリンクを投稿してください。

于 2009-07-29T14:50:53.687 に答える
0

この線：

「そして、サイトの他の部分でも同じ設定で問題なく動作します。」

grid_4 と grid_5 の div 内のコンテンツのパディング、マージン、および幅を調べてみると、 IE6 ではボックス モデルがかなり不安定であることを覚えています。

また、IE6 (およびおそらくそれ以降) には、斜体のコンテンツが常に予想よりも広く、外側の div (grid_4 または grid_5) が予想よりも広くなる可能性があるという問題があります。

于 2009-07-29T14:57:00.230 に答える
0

IE6 のダブルパッド傾向と同じくらい単純なものかもしれません。あえて 960 グリッド システムにハックを提示する場合は、これを試してください。

padding: 10px; /* whatever the padding is supposed to be for normal browsers */
_padding: 5px; /* half of that for IE6 */

IE6 は _padding ルールをレンダリングしますが、他のブラウザーはレンダリングしません。これはどのルールでも機能します。最初は通常のスタイルのルールです。IE6 _rule、後。

于 2009-07-29T15:01:08.443 に答える