Internet Explorer 6 - проблемы с DIV - PullRequest
Новая
       0

Internet Explorer 6 - проблемы с DIV

1 голос
/ 29 ноября 2010

У меня есть настройка сайта с управляемым макетом 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>

Ответы [ 2 ]

1 голос
/ 29 ноября 2010

Похоже, что здесь есть проблемы, помимо простого CSS.

Во-первых, убедитесь, что ваш HTML верен.Похоже, что браузер на первом изображении более мягок, чем IE6, поскольку изображение разбито на одно, но не на другое.

Кроме того, IE6 не поддерживает свойства min- *.Вместо этого вам нужно использовать высоту и ширину, либо в таблице стилей, предназначенной только для IE6, либо со звездочкой, чтобы нацелиться только на IE6.

Редактировать: IE6 также не поддерживает фиксированное позиционирование.Вместо этого вам нужно использовать абсолютное позиционирование.

0 голосов
/ 30 ноября 2010

Кажется, проблема в том, что изображение не загружается, а не CSS.

Попробуйте удалить таблицу стилей, все css и jaascript исправления ie6 png только для того, чтобы убедиться, что ваше изображение попадает на страницу, поскольку это не выглядит для меня проблемой css. Живой пример был бы хорош.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...