水无声

细水长流,润物无声
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

随记浏览器兼容性

Posted on 2010-09-26 09:16  水无声  阅读(262)  评论(0编辑  收藏  举报

1、获取页面可视区域的高度(在$(document).ready()的函数相应时):
IE6: 使用$(window).height(),而$(document).height()值高于实际可视区域高度

其他: $(window).height(),$(document).height()均可

 

2、绝对定位分栏

当使用绝对定位进行分左右两栏显示时,父元素(.wrap)须设:width:100%,以兼容IE6

<style type="text/css">
        .wrap
        {
        	position: relative;
        	width:100%;
        }
        #divTree
        {
        	position:absolute;
        	left:0;
        	top:0;
        	width:250px;
        	border-right:2px gray inset;
        }
        
        #divFrame
        {
        	margin-left:253px;
        }
 </style>


<div class="wrap">
        <div id="divTree">
             左边栏
        </div>
        <div id="divFrame">
            右边栏
        </div>
    </div>