浮动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

回答

相关问题