css样式里ie6下最大高度和最小高度的的兼容方法 30
我知道最大高度是.classimg{max-height:400px;width:expression(document.body.clientHeight>400?”4...
我知道最大高度是
.class img {
max-height:400px;
width:expression(document.body.clientHeight>400?”400px”:”auto”);
overflow:hidden;
}
最小高度也知道，只是单独放到样式表中的时候是正常的，但是如果俩一起写的时候，那个针对ie6的样式就会失效，求解决方法 展开
.class img {
max-height:400px;
width:expression(document.body.clientHeight>400?”400px”:”auto”);
overflow:hidden;
}
最小高度也知道，只是单独放到样式表中的时候是正常的，但是如果俩一起写的时候，那个针对ie6的样式就会失效，求解决方法 展开
6个回答
展开全部
这里需要用到只有IE能够识别的expression，实现方法请查看下边css代码：
/* 最小高度 */
.min_height{
min-height:200px;
/* sets min-height for IE */
_height:expression(this.scrollHeight < 200 ? "200px" : "auto");
}
/* 最大高度 */
.max_height{
max-height:400px;
/* sets max-height for IE */
_height:expression(this.scrollHeight > 400 ? "400px" : "auto");
}
通过这个写法，也就可以得到延伸。比如最小宽度，最大宽度问题。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在制作网页中，我们经常会碰到min/max-width,min/max-height 在IE6底下是无效的，这也是web设计师最头疼的问题之一，以下的方法可以解决这些难题，并且比较简约。
<div style="max-width:250px;">这段文字内容,max /min 在ie7 + 和firfox,safari,opera浏览器下均支持，最宽值为250px</div>不过IE6无法认读这个属性，还好IE它支持自己 javascript的属性表达,例如：
div{width:expression_r_r(250+"px")} 和 div{widt:250px}在IE 的认读中都是一致的！但如果有的用户在浏览器中禁用javascript，这个写法就失败了。所以，需要换一种方法：
#mycss {
width:100%;
max-width:500px;
width:expression_r_r(document.body.clientWidth > 500? "500px": "auto" ); }
或是：
#mycss {
max-width: 33em;
width: expression_r_r(document.body.clientWidth > (500/12) *parseInt(document.body.currentStyle.fontSize) ? "33em" : "auto" );
}
我们设置了容器mycss的宽度为：width:100%; 其实这是一句废话，因为 DIV是块元素，默认的宽度就是父级元素的宽度。此例中div宽度，若不进行声明则等同于body的宽度。
我们设置容器的max-width为500px。这对于FF来说是有效的。而对于IE则 没有作用。
面对没有效果的IE，我们应用expression_r_r嵌入脚本，声明了当宽度大于 500px的时候，宽度就等于500px。
parseInt(document.body.currentStyle.fontSize)?"33em":"auto" 如果这个实际宽度大于 (500/12）当前字体的尺寸，则设置页面的宽度为 33em。
同样，对于最小的宽度，和ax/min-hight，也是一样的：
最小：
#mycss {
min-width: 333px;
width: expression_r_r( document.body.clientWidth < 334 ? "333px" : "auto" );
}
最大高度：
#mycss {
max-height: 333px;
height: expression_r_r( this.scrollHeight > 332 ? "333px" : "auto" )
}
最小高度：
#mycss {
min-height: 333px;
height: expression_r_r( this.scrollHeight < 334 ? "333px" : "auto" );
}
另外还有一种简单的方法：
#a {height:auto !important; min-height:400px;}
这个样式可以在IE5.5，IE6，IE7以及FF，Safari等浏览器下的解决最小高 度问题，最大高度就没有实践过了
关键词：min-widthmax-widthmin-heightmax-height
<div style="max-width:250px;">这段文字内容,max /min 在ie7 + 和firfox,safari,opera浏览器下均支持，最宽值为250px</div>不过IE6无法认读这个属性，还好IE它支持自己 javascript的属性表达,例如：
div{width:expression_r_r(250+"px")} 和 div{widt:250px}在IE 的认读中都是一致的！但如果有的用户在浏览器中禁用javascript，这个写法就失败了。所以，需要换一种方法：
#mycss {
width:100%;
max-width:500px;
width:expression_r_r(document.body.clientWidth > 500? "500px": "auto" ); }
或是：
#mycss {
max-width: 33em;
width: expression_r_r(document.body.clientWidth > (500/12) *parseInt(document.body.currentStyle.fontSize) ? "33em" : "auto" );
}
我们设置了容器mycss的宽度为：width:100%; 其实这是一句废话，因为 DIV是块元素，默认的宽度就是父级元素的宽度。此例中div宽度，若不进行声明则等同于body的宽度。
我们设置容器的max-width为500px。这对于FF来说是有效的。而对于IE则 没有作用。
面对没有效果的IE，我们应用expression_r_r嵌入脚本，声明了当宽度大于 500px的时候，宽度就等于500px。
parseInt(document.body.currentStyle.fontSize)?"33em":"auto" 如果这个实际宽度大于 (500/12）当前字体的尺寸，则设置页面的宽度为 33em。
同样，对于最小的宽度，和ax/min-hight，也是一样的：
最小：
#mycss {
min-width: 333px;
width: expression_r_r( document.body.clientWidth < 334 ? "333px" : "auto" );
}
最大高度：
#mycss {
max-height: 333px;
height: expression_r_r( this.scrollHeight > 332 ? "333px" : "auto" )
}
最小高度：
#mycss {
min-height: 333px;
height: expression_r_r( this.scrollHeight < 334 ? "333px" : "auto" );
}
另外还有一种简单的方法：
#a {height:auto !important; min-height:400px;}
这个样式可以在IE5.5，IE6，IE7以及FF，Safari等浏览器下的解决最小高 度问题，最大高度就没有实践过了
关键词：min-widthmax-widthmin-heightmax-height
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<style type="text/css">
.content{width:1004px;height:auto;margin:0 auto;}
.left{width:300px;height:500px;border:1px solid #000;float:left;}
.right{width:600px;min-height:500px;_height:500px;border:1px solid #e89100;float:right;padding-bottom:30px;}
.p{width:500px;height:700px;border:1px solid #f00;}
</style>
放在<head></head>
<div class="content">
<div class="left"></div>
<div class="right">
<div class="p"></div>
</div>
</div>
放在<body></body>
你那上面的方法落伍了，不行的话再问。IE6789，谷歌，火狐，360，世界之窗，都是一样的效果。
.content{width:1004px;height:auto;margin:0 auto;}
.left{width:300px;height:500px;border:1px solid #000;float:left;}
.right{width:600px;min-height:500px;_height:500px;border:1px solid #e89100;float:right;padding-bottom:30px;}
.p{width:500px;height:700px;border:1px solid #f00;}
</style>
放在<head></head>
<div class="content">
<div class="left"></div>
<div class="right">
<div class="p"></div>
</div>
</div>
放在<body></body>
你那上面的方法落伍了，不行的话再问。IE6789，谷歌，火狐，360，世界之窗，都是一样的效果。
更多追问追答
追问
我是想固定一个图片的最大高度和宽度，如何解决呢？
追答
这样写不就把图片固定了吗？你是这个意思吗？
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
把width改成height吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
