在做页面布局时遇到了ie6不支持min-height问题,下面将分别描述问题及其解决办法:
<div id="all">
<div id="left"></div>
<div id="right"></div>
</div>
说明一个div中包括了两个div:left和right,left高度为300px,right高度不定。问题:让left和right两个div的高度能够始终都保持一致。如果让right的高度自动,但是当right的高度小于left高度时,left里面内容会被自动截断...
起初的解决办法为:
#right{
min-height:300px;
height:auto !important;
height:300px;
}
但是后来发现如果右侧div里面包含图片,高度就会超过300px,这样遇到一个问题:right的高度不会自动拉长,内容被截断...
后来加了一句话让IE不但有了最小高度,还可以自动拉伸:
#right{
min-height:300px;
height:auto !important;
height:300px;
overflow:visible;
}
也可以使用width:expression(document.getElementById("").width>300?"300px":"auto");来约束相应div的高度。但是该方法有个和js一样的执行过程:必须要等到两个div都加载完成了才有效果,而不会像min-width一样,未载入前就限制了宽度。不过一次加载expression是不会导致内存泄露的。
同理:min-width,max-height,max-width也可以使用上述两种方法解决该hack。
希望对大家能够有所帮助~~~
分享到:
相关推荐
技术资料\区分IE6,IE7和firefox的CSS hack-CSS教程.doc
说明:让 IE6 及其以下版本支持 CSS 中 min/max-width/height 属性 代码如下: @if (@_win32 && @_jscript_version>4) var minmax_elements; minmax_props= new Array( new Array(‘min-width’, ‘minWidth’), new ...
1、IE6支持max-width解决方法 IE6支持最大宽度,解决CSS代码: 复制代码代码如下: .className { max-width:1000px; _width:[removed](document.documentElement.clientWidth||document.body.clientWidth)<1000?...
我们在写CSS的时候,常常会遇到让一个图片或一个布局不能超出设定一定宽度范围值,有时需要设置一个最小宽度,接下来由DIVCSS5为大家总结的解决IE6不支持min-width和不支持max-width的方法。以下为CSS 宽度之IE6支持...
CSS HACK 兼容列表 Firefox,IE5,IE5.5,IE6,IE7,IE8 CSS 浏览器兼容
可以兼容ie7的font-awesome-ie7.min.css 包含在 fontawesome-4.2.0内
min-width与min-height在css中是相当好用的语法,可以让HTML元素最少仍保持一定的宽和高,而需要时仍随着元素的內容增加宽和高。
CSS插件 ie.rarCSS插件 ieCSS插件 ieCSS插件 ieCSS插件 ie
一、基本含义min-width 属性为给定...三、兼容性IE7+,常用现代浏览器,关于IE6的兼容处理,建议使用js控制,IE6将逐渐退出前端舞台。 四、应用常用在百分比宽度布局中,缩放浏览器窗口,以免窗口很小时影响页面的布局 美
PostCSS mqwidth-to-class ...postcss ( [ require ( 'postcss-mqwidth-to-class' ) ] ) 有关您的环境的示例,请参见文档。 笔记 仅支持px单位。 忽略查询中的其他任何内容,例如屏幕,打印,方向。 您需要J
css3-mediaqueries解决IE8及以下版本浏览器兼容性问题
今天遇到一个关于用js解决ie6不支持支持max-width,max-height的问题,刚开始用jQuery方法来实现,不过一直获取不到css里面的值,如 代码如下: if($.browser.msie && $.browser.version == 6.0) { var maxWidth = ...
IE9以下版本不支持字体图片库,font-awesome-ie7.min.css解决了这个问题。
postcss-media-minmax, 编写简单而优雅的媒体查询 ! PostCSS媒体 Minmax 编写简单而优雅的媒体查询 !媒体查询的min-width 。max-width 和许多其他属性非常混乱。 我每次看到它们时都想哭。 但是现在根据新规范,你...
让IE6也识别CSS3-圆角效果应用border-radius
虽然CSS中的min-width、min-height、max-width、max-height属性在CSS中早有出现,不过支持此属性的浏览器使用比率都不高,比如Firefox。
美工之路系列视频是为那些想从事网页前台设计的设计师们和网页设计...下面对新教程作一个简单的介绍: 本教程包含4个部分:HTML篇,CSS篇,Javascript篇和XML篇,教程会陆续发布,在时间跨度上有点大,希望大家谅解。
Css Reset 就是为了消除这种不同元素在各个浏览器下的不同而设计的。这样,我们在 Build 我们的页面的时候,就是建立在一个完全一致的基础上,能够非常方便的让我们按照自己的想法去进行排版布局。通过这个 例子...