CSS解决未知高度的垂直水平居中自适应问题（4）
作者：zishu 来源：zishu博客 发布时间：2009-03-17 17:06:00
标准浏览器可将父级元素显示方式设定为display: table;，内部子元素设为display:table-cell 和vertical-align；使其垂直居中，但非标准浏览器是不支持；也就是说这样设完后IE6是不支持的，但FIREFOX和IE是支持的；
我用的是最笨的办法，从上往下一级级覆盖； 
<style>
body {padding:0; margin:0; }
/*这些是专用FIREFOX写的，注意IE7也认识*/
html,body{ height:100％;}
#infoBox[id]{text-align:center; width:100％; height:100％; display:table;}
#info[id]{ display:table-cell; vertical-align:middle;} /*这里可以指个宽度试试，是可以自适应的*/
/*专为IE6写的*/
*html #infoBox{ position:absolute; top:50％; width:100％; text-align:center; display:block; height:auto}
*html #info{position:relative; top:-50％; border:1px solid #333399; text-align:center;} /*这里可以指个宽度试试，是可以自适应的*/
/*这理是专用IE7写的，注意[id]要加上，不然优先JI没有最上边那段NB*/
*+html #infoBox[id]{ position:absolute; top:50％; width:100％; text-align:center; display:block; height:auto}
*+html #info[id]{position:relative; top:-50％; border:1px solid #333399; text-align:center;} /*这里可以指个宽度试试，是可以自适应的*/
</style>
<div id="infoBox">
<div id="info">
this is test.<br />this is test.<br />this is test.<br />this is test.<br />this is test.<br />this is test.<br />this is test.<br />this is test.<br />
</div>
</div>
</html>
0
投稿猜你喜欢
在线阅读与印刷品阅读有着很大的不同，原因之一是屏幕会导致注意力问题。文字很难成为重点，而闪烁的横幅、明亮的图片又更加会转移对实际的博客内容的- 如果原来没有使用过正则表达式，那么可能对这个术语和概念会不太熟悉。不过，它们并不是您想象的那么新奇。请回想一下在硬盘上是如何查找文件的。您肯
- 虽然说标题将的是首页的访问感受，但是同样适合于网站其它页面的用户体验设计，一个好的网站设计应当尽量做到首页和次页一视同仁。第一步（视觉设计）
- MySQL目前不支持列的Default 为函数的形式,如达到你某列的默认值为当前更新日期与时间的功能,你可以使用TIMESTAMP列类型下面
- 首先建一个access 数据库，库中有一个URLINDEX表，其中URL和Keywords字段分别添加了索引，如下：URL &nb
- 描述event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等。event对象只在事件发生的过程中才有效。eve
- 这篇文章主要是把ASP代码变成组件,开发者不仅是加快了ASP的速度,而且也能保护加密自己的代码，编译asp代码为dll组件我想这个是最好的保
- 最近开始在项目中使用Quickwork For Asp，虽然该框架是自己独立完成的，不过功能没做过详细的总结，所以很多参数总是会弄错，毕竟鱼
- SQL Server 2000安装问题集锦1、先把SQL Server卸载（卸载不掉也没有关系，继续下面的操作）2、把Microsoft S
- 首先，必须有错误继续进行的声明On Error Resume Next 然后尝试简历jmail实例： Dim JMail Set JMail
- 第一节：WAP的潜能 这些日子，我们常听到WAP技术，一种手机上网的技术。从技术上讲，移动电话不可能和PC来竞争，移动电话的屏幕只能容下很少
- 1. 什么是404404是一个 http 错误代码，即请求的网页不存在。代码404的第一个“4”代表客户端的错误，如错误的网页位址；后两的数
- 如何在第10000名来访者访问时显示中奖页面？看看下面的代码：< SCRIPT LANGUAGE=VBScript
- 如果你的PHP网站换了空间，必定要对Mysql数据库进行转移，一般的转移的方法，是备份再还原，有点繁琐，而且由于数据库版本的不一样会导致数据
- 由于众所周知的原因，ACCESS在大型站点应用中都靠不上边，主要问题就是数据量大了以后几乎无法索引。当ACCESS里数据过万后，明显可以感觉
- 今天给大家讲的是ASP给图片加水印的知识ASP给图片加水印是需要组件的…常用的有aspjpeg和中国人自己开发的wsImage…前者有30天
- MSDN：包含正在 SQL Server 实例上运行的进程的相关信息。这些进程可以是客户端进程或系统进程。 视图中主要的字段： 1. Spi
- 简单介绍下功能吧：使用了ASP的一个对象ServerVariables（服务器环境变量），通过这个环境变量可以获取到真正的下载地址再通过一些
- iou33449999 文：一个链接 一个层 一个onMouseOver 一个onMouseOut然后这个层就会在onMouseOver这个
- 设计，用户说好，才是真的好！14期的友商联线，同事认为风格不美观，需要重新设计。这次，我们引入了用户调研，调研数据可以帮助我们快速决策！ED
