« 快元旦了,放几张自己NDSL得图片 | (回到Blog入口) | 日语五十音图快速记忆法(爆寒) »

随便分辨率绝对居中的div

以前经常为DIV居中而烦恼,以致于长用绝对定位来解决居中的问题,这样的居中只能保持在同一分辨率和同样大小的窗口中,如果换了分辨率就会出现长长的滚动条,很是影响美观。而且在IE和FF下也容易出现不同的效果。
正好在蓝色看到可一个方法,很是简单,但很实用,最主要的是在FF和IE都可以显示的一样,在也不用为兼容而头疼了!
具体方法:
1.给body添加text-align:center
2.给header添加margin:0 auto;
例如:


*{margin:0px;padding:0px;}
body {text-align:center;}
#header {margin:0 auto;text-align:left; width:600px;background:#0CF;}

然后在DIV的地方调用 id="header",就这简单!

[][/]

评论 (2)

匿名:

谢谢你的代码。帮大忙了。

呵呵。有用就好,有用就好

发表一个评论

(如果你此前从未在此 Blog 上发表过评论,则你的评论必须在 Blog 主人验证后才能显示,请你耐心等候。)

关于

此页面包含了发表于2007年1月 9日 11:31的 Blog 上的单篇日记。

此 Blog 的前一篇日记是 快元旦了,放几张自己NDSL得图片

此 Blog 的后一篇日记是 日语五十音图快速记忆法(爆寒)

更多信息可在 主索引 页和 归档 页看到。

Creative Commons License
此 Blog 中的日记遵循以下授权 Creative Commons(创作共用)授权.
Powered by
Movable Type 6.3.2