今日好得意,群里面讨论到1024×768分辨率下,页面的宽度做几大为适合。

某人就话1003,在全屏情况下就是满屏的。没错,这个是理论值!当你机器的分辨率是1024*768下,而且系统是默认XP,IE 唔可以装任何插件,FF唔可以装ALL in One 等插件,全屏的时候系唔会出现横滚动条。但是事实上要满足这个条件系唔可能的。

如果真的使用理论值来做页面,那么那些装了插件,或者喜欢将收藏夹放左边栏的人。就永远都看到那个讨人厌横滚动条。

根据目前国外比较流行的 960grid- http://960.gs/ ,大部分视觉很good网站都是用 960px 来做页面的。为什么用960px来做?可以去佢官方度睇下。有D人就话拉. 用960px系被人洗脑了,做栅格化。 我都无语中… 有本事你米搞个999px去洗人家脑咯。

另外就系1003px系一个理论值,你可以用1003去做页面,但是只要页面稍微多1px出来,特别是多人同时做一个页面噶时候,咁你就屙。所以最好就唔好老点人用1003啦.. 唔系就同中国电信一样:E8套餐6M,下载就上唔500K,因为事实系4+2M。

另外发现就系企业能不能做高端市场,唔系由企业话事,系由员工去话事。讲唔埋就发烂咂闹人点做高端市场。

 

 

 

最快捷的纯CSS的 DIV 垂直居中

On 2009年08月5日, in XHTML&CSS, by Kane

div 垂直居中这个话题搜索引擎一堆,方法也有好几种。下面介绍一种比较快捷的方法。

 

 假如 box 的高和宽为100px

 

 .centered_div { width: 100px; height: 100px; position: absolute; top: 50%; left: 50%; margin-left: -50px; margin-top: -50px; background: red; } 

 

 

假如 box的宽度为500px 高度为200px

 

  .centered_div { width:500px; height: 200px; position: absolute; top: 50%; left: 50%; margin-left: -250px; margin-top: -100px; background: red; } 

 

 

 

Tagged with: