0

我正在使用 960 网格系统来制作网站 (www.960.gs)。

我有一个 9 列宽的 div（grid_9），里面有两个 div（grid_5 和 grid_4）。

这意味着产生一个大的外部 div，其中 2 个内部 div 并排坐在里面。

但是，在 IE6 中查看时，它显示为一个较大的 div，其中包含两个内部 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 的双键盘倾向一样简单。如果你敢用 hack 来展示 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 回答