爲什麼我浮動的左div轉到IE6中使用960.gs的下一行？

我使用960網格系統製作一個網站（www.960.gs）。爲什麼我浮動的左div轉到IE6中使用960.gs的下一行？

我有一個9列寬div（grid_9），裏面有兩個div（grid_5和grid_4）。

這是爲了產生一個大的外部div與2個內部div並排坐在裏面。

但是，當在IE6中查看它顯示爲一個較大的div與兩個內部div，一個在另一個之下。

在Firefox中，divs坐在一起，因爲他們的意思是，並且相同的設置在網站的其他部分工作正常。

這是怎麼回事？我無法解決這個問題。

下面是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>

來源

2009-07-29 Matthew Rathbone

我會發佈一個鏈接您的網站。使它更容易調試;） – fresskoma 2009-07-29 14:42:51

沒有能夠看到更多的是怎麼回事，我猜你的內部的div的內容推動其寬度比其容器大。如果內容推動該寬度，IE6不會考慮容器的寬度指定。

但是，如果你可以發佈更多的代碼或鏈接！

來源

2009-07-29 14:50:53 skybondsor

行：

「和同樣設置在其他部分網站的正常工作。」

將導致我看的內容的填充，利潤率和寬度內的grid_4和grid_5 div的，從我記得盒模型是在IE6非常片狀。

而且IE6（也可能更高版本）具有在斜體內容的問題一直是更廣泛的比您預期，並可能導致外層的div（grid_4或grid_5）爲更廣泛的比您預期。

來源

2009-07-29 14:57:00 Frozenskys

可能像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-29 15:01:08

爲什麼我浮動的左div轉到IE6中使用960.gs的下一行？

回答

相關問題