Question

我有一个使用DIV托管布局的网站设置。问题是在IE 6下这个布局中断了。 alt text

alt text

这是CSS：

#bg{
        position:fixed;
        top:0;
        left:0; 

        /* Preserve aspect ratio */
        min-width:100%;
        min-height:100%;
}
#basic {
    width: 902px; height:  auto; margin-left: auto; margin-right: auto; position:  relative; padding-bottom: 50px;
}
#logo{
    width: 902px; height: 400px; position: absolute; top: 17px;
}
#navbar{
    width: 902px; height: 23px; top: 280px; position:absolute; 
}

#content{
    width: 802px; height: auto; top: 325px; position: absolute; background-color: white; padding-top: 50px;padding-left: 50px; padding-right: 50px; padding-bottom: 50px
}
#csob{
    width: 100px; height:100px; bottom:0px; right: 0px; position: absolute;
}
#titulni_strana {width:902; height:auto; top:325px; position:absolute}

PHP：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="shortcut icon" href="http://protechp.cz/zimnihrycsob/images/favicon.ico">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
<link href="default.css" rel="stylesheet" type="text/css" >
<title>Zimni Hry CSOB</title>
<!--[if lt IE 7]>
        <script type="text/javascript" src="unitpngfix.js"></script>
<![endif]-->
</head>

<body>
<img src="images/background-gradient-ok.jpg" id="bg" alt="pozadi">
<div id="basic">

<div id="logo">
<center><img src="images/logo3.png" alt="logo"></center>
</div>

<?php include ("./menu.php") ?>

<div id="titulni_strana">
<img src="images/titulni_strana.jpg" alt="titulni strana">
</div>

</div>

</body>
</html>

Answer 1

除了简单的CSS之外，看起来好像存在问题。

首先，确保您的HTML有效。看起来好像第一张图片中的浏览器比IE6更宽松，因为图像在一张图片中断了而不是另一张图片。

此外，IE6不支持min- *属性。您需要使用高度和宽度，无论是在仅IE6的样式表中，还是使用星形黑客，只能使用IE6。

编辑：此外，IE6不支持固定定位。你需要使用绝对定位。

Answer 2

似乎问题在于图像没有加载而不是css。

尝试删除样式表，所有css和ie6 png修复javascript只是为了确认你的图像正在进入页面，因为它看起来不像是一个CSS问题。一个现实的例子很不错。

Internet Explorer 6 - DIV问题

2 个答案: