查看: 14483|回复: 0
打印 上一主题 下一主题

min-height最小高度(兼容IE6、IE7、IE8 RC1、FF)

[复制链接]
跳转到指定楼层
1#
发表于 2011-3-6 21:37:11 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
台州网址导航
利用了ie6 !important bug 和min-height不认识的bug及ie6当高度为固定内容超过时自动撑开的特性,总的来说都是为了ie6才用这种方法的。

#divBox {
    background:#ddd;
    min-height:250px;
    height:auto !important;
    height:250px;
    overflow:visible;
}

IE6对于overflow的特殊实现,给实现min-height提供了一个思路。

ie6下的max-width;max-height;min-width;min-height
img {   

    max-width:200px;

max-height:132px;  

    min-width:100px;

    min-height:100px;

    cursor:pointer;   

    border:1px dashed #4E6973;   

    padding: 3px;   

    zoom:expression( function(elm) {

         if(elm.width>0 && elm.height>0)

         {

            var max_width = 200;

            var max_height = 132;

            var min_width = 100;

            var min_height = 100;

            //min

            if(elm.width/elm.height<=min_width/min_height)

            {

               if(elm.width<min_width)

               {

                  elm.width=min_width;

                  elm.height=(elm.height/min_width)*elm.width;

               }

            }

            else

            {

               if(elm.height<min_height)

               {

                  elm.height=min_height;

                  elm.width=(elm.width/min_height)*elm.height;

               }

            }

            //max

            if(elm.width/elm.height>=max_width/max_height)

            {

               if(elm.width>max_width)

               {

                  elm.width=max_width;

                  elm.height=(elm.height*max_width)/elm.width;

               }

            }

            else

            {

               if(elm.height>max_height)

               {

                  elm.height=max_height;

                  elm.width=(elm.width*max_height)/elm.height;

               }

            }

            elm.style.zoom = '1';

         }  

     }(this));   

}
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 转播转播 分享分享 分享淘帖
台州维博网络(www.tzweb.com)专门运用PHP+MYSQL/ASP.NET+MSSQL技术开发网站门户平台系统等。
您需要登录后才可以回帖 登录 | 注册

本版积分规则

网站推广
关于我们
  • 台州朗动科技(Tzweb.com)拥有多年开发网站平台系统门户手机客户端等业务的成功经验。主要从事:政企网站,系统平台,微信公众号,各类小程序,手机APP客户端,浙里办微应用,浙政钉微应用、主机域名、虚拟空间、后期维护等服务,满足不同企业公司的需求,是台州地区领先的网络技术服务商!

Hi,扫描关注我

Copyright © 2005-2026 站长论坛 All rights reserved

Powered by 站长论坛 with TZWEB Update Techonolgy Support

快速回复 返回顶部 返回列表