如何使div定义的层总是显示在窗口的中央？

<script>
function cc()
{
  var e = document.all.div1;  //具体的你自己定
  var w = e.clientWidth;
  e.style.left = (document.body.clientWidth - w) / 2;
}cc();
window.onresize = cc;
</script>

解决方案 »

  1.   

    <table height="100%*" width="100%*" valign="middle">
      <tr valign="middle">
        <td>
          <table width="*" border="0" align="center" valign="middle">
            <tr>
              <td>
    <div>Whatever things you add here.
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
      

  2.   

    <center><div>Whatever things you add here.</div></center>
      

  3.   

    <style type="text/css">
      .window { BORDER-RIGHT: #606060 2px solid; PADDING-RIGHT: 2px; BORDER-TOP: #f0f0f0 2px solid; PADDING-LEFT: 2px; VISIBILITY: ; PADDING-BOTTOM: 2px; MARGIN: 0px; BORDER-LEFT: #d0d0d0 2px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #404040 2px solid; POSITION: absolute; BACKGROUND-COLOR: #184BA5; TEXT-ALIGN: left;  }
      .titleBar {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 9pt; PADDING-BOTTOM: 2px; MARGIN: 0px; WIDTH: auto; CURSOR: default; COLOR: #ffffff; PADDING-TOP: 2px; FONT-FAMILY: 宋体; WHITE-SPACE: nowrap;}
      .titleBarText { PADDING-LEFT: 6px; OVERFLOW: hidden; TEXT-ALIGN: left;}
      .clientArea {PADDING:10px; FONT-FAMILY: 宋体; BACKGROUND-COLOR: #ECF0E1}
    </style></head>
    <body>
    <div class="window" id="logon" style="LEFT:expression(Math.abs(Math.round((window.document.body.clientWidth - logon.offsetWidth)/2))); WIDTH: 360px; TOP:expression(Math.abs(Math.round((window.document.body.clientHeight - logon.offsetHeight)/2)))" style="filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FF003399', EndColorStr='#FF6699CC');">
      <div class="titleBar"><span class="titleBarText">请先登录</span></div>    <div class="clientArea" style>
        &nbsp;&nbsp;请输入您授权管理的用户名和密码。
        <br><br>
        <table align="center" width="300" border="0" cellpadding="0" cellspacing="6">
        <form action="logon.asp" method="post" name="LogonForm">
        <tr>
          <td align="center">用户名：</td>
          <td><input type="text" name="UserName" value style="border:1px solid gray"></td>
        </tr>
        <tr>
          <td align="center">密&nbsp;&nbsp;码：</td>
          <td><input type="password" name="Password" style="border:1px solid gray"></td>
        </tr>
        <tr>
          <td colspan="2" align="center">
            <input type="submit" value=" 登  录 " name="logon" class="CustButton" style="padding-top:2px">
            <input type="hidden" name="href" value="">
          </td>
        </tr>
        </form>
        </table>
        <div align="center">&nbsp;<font color="red">    </font>
      </div>
      </div></div></body>
    </html>
      

  4.   

    <center><div>...</center>