Проблема с min-width и max-width в IE 6

HoUsEzlat · May 31, 2009

Верстка правильно отображается в FifeFox 3, IE 7.0, Opera 9. А вот в IE 6 не могу добиться правильного отображения.

Верстка должна тянуться до ширины 1150px, а потом слева и справа появляется белые равные отступы. Т.е. под всеми браузерами, кроме IE 6 срабатывает "max-width: 1150px;".

Сколько не бился с "width: expression()" под IE 6, требуемого результата не получается.

Просьба к профи помочь.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <meta content="text/html; charset=windows-1251" http-equiv="Content-Type" />
    <style type="text/css">
        html, body, #wrapper {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            min-height: 100%;
        }

        html>body, html>body #wrapper {
            height: auto;
            max-width: 1150px;
        }

        body {
            max-width: 1150px;
            margin: 0 auto;
        }

        div#wrapper {
            position: absolute;
            background: #d5d5d5;
        }

        #header {
            position: relative;
            z-index: 500;
            width: 100%;
            height: 187px;
            background: green;
        }

        #headcontent {
            height: 187px;
            margin-left: 250px;
            position: relative;
        }

        #sidebar {
            width: 180px;
            float: left;
            padding: 10px;
            background: #aaa;
        }

        #content {
            margin-left: 200px;
            padding: 10px;
            background: yellow;
        }

        .clear {
            clear: both;
            margin: 0;
            padding: 0;
        }

        #footer {
            clear: both;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 78px;
            overflow: hidden;
            background: red;
        }

        #footerContent {
            padding: 10px;
        }

        #main {
            margin: 0;
            padding: 0;
        }

        /* \*/
        * html #footer {
            position: absolute;
        }

        * html #main {
            padding-bottom: 80px;
        }
        /* \*/

        head:first-child+body div#footer {
            position: absolute;
            z-index: 0;
        }

        head:first-child+body div#main {
            padding-bottom: 80px;
        }
    </style>
</head>

<body>

<div id="wrapper">

    <div id="header">
        <div id="headcontent">
            Основное меню
        </div>
    </div>

    <div id="main">
        <div id="sidebar">
            Левое меню
        </div>

        <div id="content">
            Контент
        </div>

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

    <div id="footer">
        <div id="footerContent">
            Подвал
        </div>
    </div>
</div>

</body>
</html>

psywalker · May 31, 2009

на попробуй вкурить вот эти 5 примеров: http://trifler.ru/blog/relative.html

HoUsEzlat · May 31, 2009

psywalker!

Спасибо, посмотрел, поковырялся.

Как я понял, там изначально другой алгоритм блоков.

Дело в том, что моя вёрстка уже готова и я её уже прикрепил к сайту http://vipzlat.flexites.org/.

Нужно просто исправить баг для IE 6, чтобы ширина рабочей области сайта в нём тоже менялась от 1024 до 1240, как и во всех других браузерах.

Я просто при вёрстке скопировал её на начальном этапе, чтобы потом можно проще было вникнуть в косяк IE 6, без лишнего кода.

А сейчас просто провожу комплексную отладку вёрстки и не могу победить IE 6.0

Nekromancer · May 31, 2009

window.clientWidth > 1150 ? 1150+'px': '100%';

как то так

psywalker · May 31, 2009

слушай дружище, я боюсь, что в твоём коде уже прочно засел косяк и что либо трогать противопаказанно, дабы не нарушить покой в других браузерах, более современных, изначально надо было искать другой макет для этого дела, так что советую тебе подзабить на ИЕ6, темболее, что ситуация не существенная, да и ИЕ6 тоже не подарок..успокойся и заполняй сайт содержимым, я потом зайду, проверю

Edited May 31, 2009 by psywalker

DjTarik · May 31, 2009

для боди по идее

width: expression(document.body.clientWidth > 1150 ? "1150px" : "auto")

гадость конечно, но должно помочь...

p.S. Не проверял...

Nekromancer · May 31, 2009

да какая разница, боди или окно, в данной ситуации всё равно...

не ауто надо, а 100%

Sign In

Проблема с min-width и max-width в IE 6

Question

HoUsEzlat

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

HoUsEzlat

Link to comment

Share on other sites

Nekromancer

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

DjTarik

Link to comment

Share on other sites

Nekromancer

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information