如何做到自适应

希望随着时间的增加  高度越来越小
id为ss的元素高度设置是为100%可是  ie下还是不变化 ff下是正确的
希望改成ie下也能变化的(PS:不能用js算高度然后给ss元素)
<!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=gb2312" />
<title>Dialog</title>
<style type="text/css">
</style>
</head>
<body>
<div id='sss' style=" height:400px;; width:400px; border:1px solid #000000; position:absolute;" onclick="alert('a')">
 <div style="height:24px; width:100%; background-color:#006600; position:absolute">11</div>
    <div id='ss' style=" height: 100%; width:auto; background-color:#FFFF66"></div>
</div>
<script>
function $(id){return document.getElementById(id)}
//var i =10
//setInterval(function(){$('sss').style.left =i;i=i+10;},100)
var  h =400;
timer = setInterval(function(){$('sss').style.height =h+'px';h=h-10;},100)
</script>
</body>
</html>

解决方案 »

  1.   

    timer = setInterval(function(){$('sss').style.height =$('ss').style.height =h+'px';h=h-10;},100)这样不行吗？
      

  2.   

    只有在ie7以前的不行
    去掉<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    就好了
      

  3.   

    当我判断了是ie6时
    js能不能操作删除 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    这个？？？？？？？？？？？？？？？？？//
      

  4.   


    <!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=gb2312" />
    <title>Dialog</title>
    <style type="text/css">
    </style>
    </head>
    <body>
    <div id='sss' style=" height:400px;; width:400px; border:1px solid #000000; position:absolute;" onclick="alert('a')">
     <div style="height:24px; width:100%; background-color:#006600; position:absolute">11</div>
        <div id='ss' style=" height: 100%; width:100%; background-color:#FFFF66"></div>
    </div>
    <script>
    function $(id){return document.getElementById(id)}
    var  h =400;
    timer = setInterval(function(){$('sss').style.height =  $('ss').style.height = (h-=10) +'px';},100)
    </script>
    </body>
    </html>