02
2008
06

CSS控制未知高度网页垂直居中

网页垂直居中,水平居中的问题相对很多网页设计者都碰到过。对于一个未知高度和宽度的网页来说,要网页居中对齐,确实是一个棘手的问题,特别在IE7.0和Firefox里面。
以前用CSS弄了些水平居中的网页,很简单,在<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这个DTD下,只要将DIV赋予一个margin:auto;的样式就可以居中了。但垂直问题,以前没有去注重它,知道今天用到才想到解决的方案。成功后拿出来跟大家分享下,看下面的代码。

[CODE] CSS控制未知高度网页垂直居中

看看,这不就居中了。呵呵。

body{ background-color:#FFF5F0}
div{ position:absolute; top:50%; left:50%; margin:-100px 0 0 -200px; width:400px; height:200px; border:1px #CCCC00 solid; font-family:Arial, Helvetica, sans-serif; color:#666666 }

[/CODE]

« 上一篇下一篇 »

相关文章:

CSS3浏览器支持参照表  (2013-2-15 18:51:40)

浅谈CSS hack  (2008-10-10 12:40:54)

区别IE6.IE7.FireFox的几种CSS HACK写法  (2008-10-10 10:40:45)

再写CSS控制未知高度DIV垂直居中  (2008-9-26 14:47:52)

IE的if条件注释Hack  (2008-9-26 11:16:41)

CSS三栏布局-固定自适应  (2008-9-22 10:32:28)

控制网页满屏显示最简单的方法  (2008-7-7 9:27:9)

csshoues 用CSS+DIV建造的房屋  (2008-5-28 15:53:1)

div+css命名规则-增强SEO(转)  (2008-4-10 21:46:42)

CSS三栏布局10中样式下载  (2008-3-27 0:10:0)

评论列表:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。