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>

这是我用过的CSS。

#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（甚至不是7）不支持min-width。

尝试像

这样的表达

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

Answer 2

最小宽度不适用于IE6 - 因为IE6很糟糕，所以没有惊喜。

有一些解决方法，这里是one：

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

基本上，使用百分比宽度 - 你必须根据你想要达到的目标来试验百分比。

Answer 3

不幸的是，min-width在IE6中根本不起作用。如果你绝对需要使用min-width，你可以尝试一些基于javascript的黑客攻击。

Answer 4

ie6。

不支持

min-width和max-width

Here is a workaround我用快速谷歌找到了。

虽然我没有测试过，但似乎是合理的。

Answer 5

这仅适用于IE：

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

Answer 6

尝试_width: 1040px;和min-width: 1040px;

Answer 7

坦率地说，没有一个解决方案对我来说是令人满意的。在做了一个解决方法后，我提出了这个解决方案。

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

我定义了页脚。并且在其中包含页脚内容并指定宽度为990px，因为我希望内容被包装在940px内，我给出了50px的填充;向左转。这是我用过的css。

/*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 8

由于您专门为IE6编码，因此使用起来要简单得多：

宽度：1040px;

IE6无法识别最小宽度，但不正确地处理宽度，就像它是最小宽度一样。

（如果它不是专门用于IE6，你可以使用hack，就像他们已经建议你的_width ......或者更好的是，使用条件注释）。

Answer 9

我已经解释了如何在IE6中使用min-width或min-height：Min width in window resizing

为什么min-width不适用于ie6？

9 个答案: