boss一声令下:改！

BOSS说了，要把适应不同的分辨率，页面要铺满全屏。
页面就是左边一个树，右边一个iframe。
昨天自己瞎整了一今天boss检查，一声令下:改！
前来求助各位有例子也行 谢谢

解决方案 »

  1.   

    就是2个div啦，一个左边一个右边，要铺满全屏，适应不同的分辨率，以前没做过。。！
      

  2.   

    DIV外部的用屏幕宽高，其余的宽高全用百分比
      

  3.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
     </HEAD> <BODY>
      <div style="float:left; width:175px;height:auto; background-color:#eee">左边菜单</div>
      <div style=" margin-left:180px; width:auto;background-color:#ddd">右边主窗口</div>
     </BODY>
    </HTML>
      

  4.   

    1.使用百分比布局 width="100%" height="100%" 
      

  5.   


        <script language=javascript type=text/javascript>
            //初始化页面大小与记录显示条数
            function initPageSize()
            {
             if (document.documentElement.clientHeight > 0)
                {
                    maindiv.style.height = document.documentElement.clientHeight;
                    maindiv.style.width = document.documentElement.clientWidth;
                };
            }
        </script><body  onresize="initPageSize()">
        <form id="form1" runat="server">
        <div id=maindiv>
        </div>
        </form>
        
         <script language="javascript" type="text/javascript">
            initPageSize();
        </script>
    </body>
      

  6.   

    页面内容都放到maindiv中，按百分比设置宽高就行了。