如何使div在任何分辩率的情况下居中
发布时间：2007-08-13 09:10:00
标签：div居中
在并不知道DIV浮动层的宽度，高度的情况下，如何使浮动层在任何分辩率的情况下居中呢！
下面使用了JAVASCRIPT来实现这个功能，它可以根据页面的变化动态改变层的位置。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title> * emu * </title>
<SCRIPT>
<!--
window.onresize = resetDIV;
function resetDIV()
{
with(document.getElementsByTagName("DIV")[0].style)
{
left = (document.body.offsetWidth-parseInt(width))/2
top = (document.body.offsetHeight-parseInt(height))/2
}
}
//-->
</SCRIPT>
</head>
<body onload="resetDIV()">
<div style="position:absolute;width=200;height=200;background-color=yellow"></div>
</body>
</html>
[提示：你可先修改部分代码，再按运行]
0
投稿猜你喜欢
- 传入参数一个，为元素的id值或元素本身，返回为元素的真实背景色值（字符串）。 值得一提的是IE里面返回的是16进制的值，而Mozi
- /usr/sbin/groupadd mysql/usr/sbin/useradd -g mysql mysqlunzip mysql-5.
随着CSS3越来越热，CSS3动画也逐渐受到大家的关注。这次有幸修改淘宝网全站页头，小小地应用了下(详见http://www.taobao.- <％ Rem Rem ## 在线升级类声明 Class Cls_oUpdate
- 在SQL Server 2005中，它的另外一个强大的新特点是数据库快照。数据库快照是一个数据库的只读副本，它是数据库所有数据的映射，由快照
- 一般我们可以使用背景图的方式给图片添加阴影，但对于不固定尺寸的图片如何实现呢？我们可以采取“视觉欺骗 * ”——定义渐变边框来实现运行代码框&
- 关于mysql数据库在Linux下的应用一直以来都是我认为比较棘手的，这次通过搭建Linux学习环境顺便研究和学习Mysql数据库在Linu
- 这里主要是讲在asp下两次由access数据库升级到sql server数据库后的经验及注意事项，其它语言也可以参考一下。欢迎讨论补充。1.
- 方法一：简单，得不到参数，只有一个虚拟路径 代码如下:GetUrl =request("url") 例如：http://
- 最近看到大家都练习写树，偶也学习学习写了一个，大家多多批评，我好进步。不过我看了一些树的xml文档都是在xml中就已经有了树的结构，所以我写
- 最近设计一个优惠券列表，有个属性是有效日期，因为空间有限，必须要把开始日期和结束日期在一行显示，这样就出现一排的数字，日期有好几种我们习惯的
- jQuery之父John Resig写过一篇《Sub-Pixel Problems in CSS》，一个50px宽的div中有4个float
- 汉字转换为UTF-8的一段代码终于找到这段代码了，一个ASP写的中文转UTF-8，大家可以试试function chinese2u
- upload.htm <html><head><title>网站维护 -
- Dreamweaver MX 2004的强大功能以及更加完善的人性化设置已经深受大家喜爱。在此笔者就谈
- 如何使DIV居中,div垂直居中,div水平居中.这个问题在用CSS来设计网页的时候经常会遇到，如果用传统的表格来布局是很简单的，CSS里就
- 清除浮动这个问题的提出，在现在来说应该算是一个非常古老的问题了，很多人对解决办法估计也能烂记于心了，但是我这个落后了不少的前端开发程序员，太
- 什么是 JScript？JScript 是由微软开发的活动脚本语言，基于 ECMAScript 规范实现。Internet Explorer
- 1、删除Oracal在注册表中的主项：regedit.exe->LocalMachine->Software->Oracl
- 我们大致会在下列几种情况下用到： 一、文件操作（FileSystemObject）<％@ IMPORT
