Try this:
table#my_table {
max-width:500px;
width:expression(document.body.clientWidth > 500? "500px": "auto" );
}
Unfortunately this won't validate due to the ?. The good news is since it's an IE-only solution you can simply do conditional elements when you create your <body> tag and setup IE-specific classes:
<!--[if IE 9]><body class="ie9 ie"><![endif]-->
<!--[if IE 8]><body class="ie8 ie"><![endif]-->
<!--[if IE 7]><body class="ie7 ie"><![endif]-->
<!--[if lte IE 6]><body class="ie6 ie"><![endif]-->
<![if !IE]><body><![endif]>
Now in your CSS:
table#my_table {
width:500px;
max-width:500px;
}
.ie7 table#my_table {
width:expression(document.body.clientWidth > 500? "500px": "auto" );
}
加载中...
