浮動div重疊msie

我一直在抨擊我的頭爲什麼MSIE8不重疊浮動div正如webkit一個mozilla都做的。我希望你們能幫助我解決這個問題。浮動div重疊msie

我有以下代碼：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
    <head> 
    <title></title> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <link rel="style" href="style.css" type="text/css" /> 
    </head> 
    <body style="margin: 0px; background: #3b0404;"> 
     <div align="center"> 
      <div id="top" style="height: 100px; background: yellow; width: 100%;max-height: 100px; "> 
       <div style="overflow: visible; width: 800px; height: 100px; max-height: 100px; background: aquamarine;"> 
       <div id="logo" style="float: left; margin-left: -3px; width: 203px; height: 201px; background: pink; overflow: visible;"></div> 
       <div id="menu" style="float: right; width: 595px; height: 100px; background: blue;"></div> 
       </div> 
      </div> 
      <div id="content" style="width: 800px; margin-left: auto; margin-right: auto;"> 
       <div style="background: purple; height: 215px;"></div> 
       <div style="background: green; height: 350px;"></div> 
      </div> 
      <div id="bottom"></div> 
     </div> 
    </body> 
</html>

我需要的粉紅色的div重疊紫色的同時保持尺寸，但是MSIE8不斷擴大的包含div所以它推下來的一切，而不是期望的行爲。

我希望我的問題很清楚，我不知道我是否做錯了什麼，應該採取不同的方法。

感謝您的幫助！

來源

2010-08-19 dabito

順便說一句，我沒有一個地方發佈這個例子..有沒有一個沙箱的HTML網站，我應該知道？ – dabito 2010-08-19 01:00:07

jsfiddle.net也許？ – 2010-08-19 01:04:40

http://jsfiddle.net/QeCHA/ – 2010-08-19 01:12:28

這是過渡性的DOCTYPE ..它在JSFiddle上看起來很好，因爲它添加了嚴格的dtd。

感謝大家的時間。

來源

2010-08-19 01:33:46 dabito

浮動div重疊msie

回答

相關問題