div居中的问题

今天的天气真有点闷啊，不过还得上班啊。今天一个同事问起了div居中，所以刚才一直在弄，发现几个问题啊

先看一下代码(注意加粗的代码):

http://www.w3.org/TR/html4/loose.dtd">

 

  

  

  

  

  

  

  

  

 

 

1315465

......

 

其实代码很简单啊.. 主要说一下http://www.w3.org/TR/html4/loose.dtd ,任何一个网页第一行代码，有没有它的区别，我上面已经注释了,它其实是一个dtd文档。

所以本实例中，应该去掉http://www.w3.org/TR/html4/loose.dtd 就会实现效果.

对于这种问题，我还是更愿意用jquery,它帮我们解决了兼容问题。如上面的变量 ping 可以用jquery的$(window).height()代替,document.body.scrollTop可以用$(window).scrollTop()代替。附上jquery的获取浏览器的长，高

$(document).ready(function(){
alert($(window).height()); //浏览器当前窗口可视区域高度
alert($(document).height()); //浏览器当前窗口文档的高度
alert($(document.body).height());//浏览器当前窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin

$(window).scrollTop() ：是获取滚动条的高度。

alert($(window).width()); //浏览器当前窗口可视区域宽度
alert($(document).width());//浏览器当前窗口文档对象宽度
alert($(document.body).width());//浏览器当前窗口文档body的宽度
alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin

})