jQuery在IE6中实现css属性min-width,min-height,max-width,max-height

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>min-width,min-height,max-width,max-height</title>
<style type="text/css">
html,body,div,p{ margin:0; padding:0; }
#wrap, #header, #content, #footer{ width:100%; min-width:1000px; float:left; clear:both; }
#header, #footer{ height:50px; background:#F00; background:#F0f; }
#column{ width:30%; float:left; height:200px; background:#Ff0; }
#main{ width:69%; float:right; height:200px;}
#wrap{ }
</style>
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript">
$(function(){
if($.browser.msie && $.browser.version == 6.0)
{
var minWidth = parseInt($('#wrap').css('min-width'));
if ($('#wrap').width() < minWidth)
{
$('#wrap').width(minWidth);
}
}
})
</script>
</head>

<body>
<div id="wrap">
<div id="header">headerheaderheader<br /></div>
<div id="content">
<div id="column">column<br /><br /><br /><br /><br /><br /><br /><br /></div>
<div id="main">main<br /><br /><br /><br /><br /><br /></div>
</div>
<div id="footer">footerfooterfooterfooter<br /><br /><br /><br /><br /><br /></div>
</div>
</body>
</html>

注:此方法只实现min-width,其它属性可以触类旁通.

你可能感兴趣的:(jQuery在IE6中实现css属性min-width,min-height,max-width,max-height)