javascript01-div居中的兼容问题,发一个奇怪的代码,可能是我没有理解精髓吧。
来源:广州中睿信息技术有限公司官网
发布时间:2012/10/21 23:25:16 编辑:admin 阅读 244
今天做项目需要用的一个div居中,下面一个模态层的问题,我写了个代码,大概分离出来如下。<htmlxmlns="http://www.w3.org/1999/xhtml"><headru

今天做项目需要用的一个div居中,下面一个模态层的问题,我写了个代码,大概分离出来如下。

<html xmlns="http://www.w3.org/1999/xhtml">  <head runat="server">      <title></title>      <style type="text/css">          div          {              width: 200px;              height: 300px;              background: red;              border: 1px solid black;          }      </style>  </head>  <body>      <div>      </div>      <div>      </div>      <div id="d" style="position: absolute; width: 200px; height: 300px;">      </div>      <script type="text/javascript">          var pageWidth = 0;          var pageHeight = 0;          var left = "0px";          var top = "0px";          var divWidth = 0;          var divHeight = 0;          var d = document.getElementById("d");          if (d) {              //        divWidth = (d.style.width.toString()).replace("px", "");              //        divHeight = (d.style.height.toString()).replace("px", "");              divWidth = parseInt(d.style.width.toString());              divHeight = parseInt(d.style.height.toString());          }          if (document.compatMode == "CSS1Compat") {              pageWidth = parseInt(document.documentElement.clientWidth);              pageHeight = parseInt(document.documentElement.clientHeight);          } else {              pageWidth = parseInt(document.body.clientWidth);              pageHeight = parseInt(document.body.clientHeight);          }          left = ((pageWidth - divWidth) / 2).toString() + "px";          top = ((pageHeight - divHeight) / 2).toString()+"px";          d.style.left = left          d.style.top = ((pageHeight - divHeight) / 2).toString() + "px";//goog浏览器不得行????          d.innerHTML = "pageWidth:" + pageWidth + "<br/> pageHeight:" + pageHeight + "<br/> divWidth:" + divWidth       + " <br/>divHeight:" + divHeight + " <br/>left:" + left + " <br/>top:" + top;      </script>  </body>  </html>  

   d.style.top = ((pageHeight - divHeight) / 2).toString() + "px";//goog浏览器不得行????

请注意这段代码,这个代码在IE,火狐,google浏览器下都没有问题,但是将这句改成

  d.style.top = top;

google就错了。不知道什么原因?求解答。

 

 

 

 

 

 

 

联系我们CONTACT 扫一扫
愿景:成为最专业的软件研发服务领航者
中睿信息技术有限公司 广州•深圳 Tel:020-38931912 务实 Pragmatic
广州:广州市天河区翰景路1号金星大厦18层中睿信息 Fax:020-38931912 专业 Professional
深圳:深圳市福田区车公庙有色金属大厦509~510 Tel:0755-25855012 诚信 Integrity
所有权声明:PMI, PMP, Project Management Professional, PMI-ACP, PMI-PBA和PMBOK是项目管理协会(Project Management Institute, Inc.)的注册标志。
版权所有:广州中睿信息技术有限公司 粤ICP备13082838号-2