Почему минимальная ширина не работает для ie6?

Question

Я кодирую эксклюзивную ie6 css, в которой я сталкиваюсь с проблемой.Нижний колонтитул не принимает значение минимальной ширины, тогда как он принимает фиксированное значение ширины.Я использую repeat-x для изображения и присваиваю ему значение минимальной ширины.То же самое я сделал с заголовком div, и он прекрасно работает.Например, вот мой код.

Заголовок HTML, который я использовал для той же цели.

<div id="header">
<!-- top-menu -->
    <div id="top-menu">
        <div id="left-logo">
        <a href="#"><img src="img/logo-left.png" alt="BhatkalNews" /></a>
        </div>
        <div id="navigation">
        <ul>
        <li class="contact"><a href="#"><img src="img/contact.png" alt="contact" /></a></li>
        <li class="photo"><a href="#"><img src="img/photo.png" alt="photo"/></a></li>
        <li class="video"><a href="#"><img src="img/video.png" alt="video" /></a></li>
        </ul>
        </div>
        <div id="right-logo">
        <a href="#"><img src="img/logo-right.png" alt="BhatkalNews" /></a>
        </div>
    </div>
</div>

А вот код, который я использовал.

#header {
    min-width: 1040px;
    height: 111px;
    background: url('../img/header-bg.jpg') repeat-x;
}

и для той же цели код нижнего колонтитула:

<div id="footer">
</div>

и css

#footer {
    min-width:1040px;
    background:#36240A url('../img/footer.jpg') repeat-x;
    height:291px;
}

Почему нижний колонтитул не назначает минимальную ширину?

Answer 1

Минимальная ширина не работает с IE6 - нет ничего удивительного, поскольку IE6 ужасен.

Есть несколько обходных путей, вот one :

{width:90%; min-width:1040px}

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

Answer 2

IE6 (даже не 7) не поддерживает минимальную ширину.

попробуйте выражения типа

width: expression( document.body.clientWidth < 1040 ? "1040px" : "auto" );

Answer 3

К сожалению, минимальная ширина просто не работает в IE6. Есть некоторые хаки на основе JavaScript, которые вы можете попробовать, если вам абсолютно необходимо использовать минимальную ширину.

Answer 4

Это работает только в IE:

#footer{
    width:expression
        (document.body.clientWidth < 1040? "1040px": "auto")
}

Answer 5

min-width и max-width не поддерживаются ie6.

Вот обходной путь , который я нашел с помощью быстрого Google.

Хотя я не проверял это, похоже, что это нормально.

Answer 6

Я объяснил, как использовать минимальную ширину или минимальную высоту в IE6 здесь: Минимальная ширина при изменении размера окна

Answer 7

Поскольку вы программируете исключительно для IE6, просто использовать гораздо проще:

ширина: 1040 пикселей;

IE6 не распознает минимальную ширину, но неправильно обрабатывает ширину, как если бы она была минимальной ширины.

(Если это не только для IE6, вы можете использовать хак, например _width, который они вам уже предложили ... или, еще лучше, использовать условные комментарии).

Answer 8

ну, честно говоря, ни одно из решений не сработало для меня удовлетворительно.и после выполнения обходного пути я придумал это решение.

<div id="footer">
    <div id="footer-content">
    </div>
</div>

Я определил нижний колонтитул.и обернул содержимое нижнего колонтитула внутри него и назначил ширину 990 пикселей, так как я хотел, чтобы содержимое было обернуто в 940 пикселей, я дал отступ 50 пикселей;налево.вот код, который я использовал.

/*footer*/
#footer {
    height: 291px;
    background: url('../img/footer.jpg') repeat-x;
}
#footer-content {
    margin:0 auto!important;
    width: 990px;
    height:291px;
    padding-left:50px;
} 

это прекрасно работает для меня, а позиции div - отлично, даже если я изменяю размер.спасибо за помощь, ребята.:)

Answer 9

Попробуйте _width: 1040px; вместе с min-width: 1040px;