为什么我的浮动左div使用960.gs在IE6中的下一行？ [英] Why does my floated left div go to the next line in IE6 using the 960.gs?

问题描述

我使用960网格系统制作网站（www.960.gs）。

I'm using the 960 grid system to make a site (www.960.gs).

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

I have a 9 column wide div (grid_9) with two divs inside it (grid_5 and grid_4).

这是为了产生一个大的外部div与2个内部div坐在它里面。

This is meant to yield one large outer div with 2 internal divs sitting side by side inside of it.

但是，当在IE6中查看时，它显示为一个更大的div和两个内部div，一个在另一个之下。

However when viewed in IE6 it displays as one larger div with two internal divs, one below the other.

坐在彼此旁边，因为他们的意图，同一设置在网站的其他部分工作正常。

In Firefox the divs sit next to each other, as they are meant to, and the same setup works fine in other parts of the site.

发生什么事？

这里是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>

推荐答案

无法看到更多的情况，我猜你的内部div的内容正在推动它们的宽度大于他们的容器。如果内容推送该宽度，IE6不遵守容器的宽度指定。

Without being able to see more of what's going on, I'd guess the content of your internal divs is pushing their width to be larger than their container. IE6 doesn't respect a container's width designation if the content pushes that width at all.

但如果可以，请发布更多代码或链接！

But do post more code or a link if you can!

这篇关于为什么我的浮动左div使用960.gs在IE6中的下一行？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！