IE6 CSS Float Dropdown問題

我正在努力解決IE6浮動問題。（我知道IE6很爛，但我的大公司使用它..）我已經創建了一個簡單的標題，正文，頁腳佈局，內容區域和邊欄內的正文。基本上是一個普通的博客佈局。IE6 CSS Float Dropdown問題

我那麼它下面的兩個div並排沒有問題，在IE6中，但我試圖在頂部創建一個有特色的區域DIV內容區域實現這一目標。它在現代瀏覽器中看起來不錯，但在IE6中它將第二個div放在第一個下面。就像div容器太大，所以它推動第二。但是，這不應該是問題，因爲它們都足夠小（寬，填充，邊距），以適應..

這裏是我的代碼：

HTML

<body> 
<div id="page-wrap"> 
<div id="header"> 
</div> 

<div id="content"> 
<div id="feature"> 
</div> 

<div class="clear"></div> 

<div id="#1"> 
</div> 

<div id="#2"> 
</div> 

</div><!--Content End--> 

<div id="sidebar"> 
</div> 


<div class="clear"></div> 

<div id="footer"> 
</div> 

</div><!--Body Content End--> 
</div><!--Page Wrap End--> 

</body>

CSS

#page-wrap { 
    width: 960px; 
    margin: 0 auto; 
    background-color: #fff; 
} 
#header { 
    width: 954px; 
    height: 50px; 
    padding: 10px 0; 
    margin: 0 3px 2px 3px; 
    border-bottom: #7E7871 dotted 3px; 
} 
#content { 
    float: left; 
    width: 650px; 
    margin: 0; 
    padding: 15px 5px 0 15px; 
} 
#feature { 
    width: 650px; 
    margin: 0; 
} 
#content #1 { 
    border-right: thin solid #CCC; 
    width: 305px; 
    margin: 0; 
    padding: 0; 
    float: left; 
} 
#content #2 { 
    width: 305px; 
    margin: 0; 
    padding: 0; 
    float: right; 
} 
#sidebar { 
    float: right; 
    width: 250px; 
    padding: 0 10px 20px 10px; 
    margin: 0; 
    background: url(../_images/bg_aside.gif) repeat-y; 
}

來源

2012-01-04 Colton45

IE6剛剛被髮音死於MS一天前，他們烘烤了一個蛋糕：http://www.theregister.co.uk/2012/01/03/microsoft_ie6_death/ – Jakub 2012-01-04 20:46:47

由於您沒有提供太多細節，以如何你的HTML/CSS不會在瀏覽器中工作，我可以在代碼中找到的唯一的錯誤是你有一個流浪</div>：

<body> 
    <div id="page-wrap"> 
     <div id="header"> 
     </div> 

     <div id="content"> 
      <div id="feature"> 
      </div> 
     </div> 

     <div class="clear"></div> 

     <div id="programs"> 
     </div> 

     <div id="discounts"> 
     </div> 

     <div class="clear"></div> 

    --> </div><!-- THIS ONE! --> 

     <div id="sidebar"> 
     </div> 

     <div class="clear"></div> 

     <div id="footer"> 
     </div> 

     </div><!-- Body content end --> 
    </div><!-- Page wrap end --> 
</body>

來源

2012-01-04 20:48:23 Bojangles

對不起，我加入到我的問題更具體並刪除額外的div。該div只是寫在一個錯字。謝謝JamWaffles。 – Colton45 2012-01-04 21:08:09

它的一個下面沾的原因是由於內容是較大比div。

但是，你的CSS不匹配所提供的HTML。沒有實際的內容，很難調試其中的一些。

假設＃2和＃1是#discounts和#programs，我建議增加溢出：滾動;看看它是如何變化的。

來源

2012-01-04 22:05:05 ecsos

我已更正了標記。對於那個很抱歉。我給溢出了：滾動一下。它把div放在一起，但有滾動條。 – Colton45 2012-01-04 22:43:55

IE6 CSS Float Dropdown問題

回答

相關問題