最小最大宽度,最小最大高度,这是CSS很常见的一个要求。在现代浏览器中,一个 min-height,min-width 就可以解决问题,但是在IE系列,比如IE6则比较繁琐一点。下面总结一些IE 6下的最小最大宽度与高度的一些写法。
IE6最小最大宽度:
.min-width {
min-width:600px;
_width:expression(document.body.clientWidth < 300 ? "300px" : "auto");
}
.max-width {
max-width: 600px;
_width:expression(document.body.clientWidth > 600 ? "600px" : "auto");
}
IE6最小最大高度:
.min_height{
min-height:200px;
_height:expression(this.scrollHeight < 200 ? "200px" : "auto");
}
.max_height{
max-height:400px;
_height:expression(this.scrollHeight > 400 ? "400px" : "auto");
}
IE6最大最小宽度:
.min_and_max_width{
min-width:300px;
max-width:600px;
_width: expression(document.body.clientWidth < 300 ? "300px" :( document.body.clientWidth > 600 ? "600px" : "auto"));
}
.min_and_max_width {
border:solid 1px red;
height:500px;
max-width:600px;
min-width:300px;
_width: expression( document.body.clientWidth < 300 ? "300px" :
( document.body.clientWidth > 600 ? "600px" : "auto") );
}
IE6最大最小高度:
.min_and_max_height{
min-height:200px;
max-height:400px;
_height: expression(
this.scrollHeight < 200 ? "200px" :
( this.scrollHeight > 400 ? "400px" : "auto")
);
}
转载自:
http://www.nowamagic.net/librarys/veda/detail/2183
分享到:
相关推荐
兼容IE的最小最大高度CSS写法
CSS方法解决IE6最小高度,IE6最小宽度,IE6最大高度,IE6最大宽度,兼容IE6/IE7/IE8/火狐。
IE6、IE7、Firefox之间的兼容写法IE6、IE7、Firefox之间的兼容写法
css浏览器兼容写法 如果只让ie6看见用*html .head{color:#000;} 如果只让ie7看见用*+html .head{color:#000;} 如果只让ff看见用:root body .head{color:#000;} 如果只让ff、IE8看见用html>/**/body .head{color:#000...
在网页布局过程中经常会出现在这个浏览器预览正常,到其他的浏览器预览就不正常,很是疑惑,于是整理了一些ie6~ie9 hack兼容写法,需要的朋友可以参考下
JDBC简单写法JDBC简单写法JDBC简单写法JDBC简单写法JDBC简单写法JDBC简单写法JDBC简单写法JDBC简单写法JDBC简单写法JDBC简单写法JDBC简单写法JDBC简单写法JDBC简单写法JDBC简单写法JDBC简单写法JDBC简单写法JDBC简单...
NULL 博文链接:https://gaojianqi6.iteye.com/blog/1202178
10. IE6中min-height 最小高度不识别的解决办法 6 11. IE6中min-width 最小宽度不识别的解决办法 6 12. IE6中居中布局问题 7 13. IE6 Png图片不透明问题 7 14. 移除超级链接的虚线 7 15. 隐藏水平滚动条 7
本篇文章小编为大家介绍用最短JS判断是否为IE6(IE的写法),希望有需要的朋友可以参考一下本
非IE6下的写法大家一般都清楚如何写;这里就不展示了;切入正题,以下的IE6下CSS的兼容性写法: 复制代码代码如下:/* 修正IE6振动bug */html,* html body{background-image:url(about:blank);background-attachment:...
主要介绍了兼容IE6、IE7的min-width、max-width写法,需要的朋友可以参考下
同一样式里可以这样[code]margin:17px; FF +margin:17px; IE6 IE7 _margin:17px; IE6 [/code]按这个顺序,刚好区分开三个浏览器
区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !important;background:blue; 区别IE7与FF: background:orange; *background:green; 区别FF,IE7,IE6: background:orange;*...
在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIVCSS设计的网,就应该更注意IE6IE7FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果!Java中文网海量权威开发资料,欢迎游客会员...
主要介绍了js如何获取页面高度和宽度并且兼容ie firefox chrome等主流浏览器
div+css高度自适应网页布局,子div含float,父div高度自适应,已经通过测试的浏览器:ie6、ie7、ie8、火狐、Chrome。 代码来源: http://www.positioniseverything.net/articles/onetruelayout/equalheight
/*IE6、IE7、IE8背景紅色*/ } 2.区别IE6,IE7,IE8,FF 【区别符号】:「\9」、「*」、「_」 【示例】: 复制代码代码如下: #tip { background:blue; /*Firefox 背景变蓝色*/ background:red \9; /*IE8 背景变红色*/...