Ibr*_*mar 2 html css internet-explorer-6
我编码独家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>
Run Code Online (Sandbox Code Playgroud)
这是我用过的CSS.
#header {
min-width: 1040px;
height: 111px;
background: url('../img/header-bg.jpg') repeat-x;
}
Run Code Online (Sandbox Code Playgroud)
并且为了相同的目的,页脚代码是.
<div id="footer">
</div>
Run Code Online (Sandbox Code Playgroud)
和css
#footer {
min-width:1040px;
background:#36240A url('../img/footer.jpg') repeat-x;
height:291px;
}
Run Code Online (Sandbox Code Playgroud)
为什么页脚不分配最小宽度?
IE6(甚至不是7)不支持min-width.
尝试表达喜欢
width: expression( document.body.clientWidth < 1040 ? "1040px" : "auto" );
Run Code Online (Sandbox Code Playgroud)
最小宽度不适用于IE6 - 没有惊喜,因为IE6很糟糕.
有一些解决方法,这里有一个:
{width:90%; min-width:1040px}
Run Code Online (Sandbox Code Playgroud)
基本上,使用百分比宽度 - 你必须根据你想要达到的目标来试验百分比.