Work Category

IE和Firefox中JavaScript兼容性问题[z]

In: Work

1. document.form.item 问题
(1)现有问题:
现有代码中存在许多 document.formName.item(”itemName”) 这样的语句,不能在 MF 下运行
(2)解决方法:
改用 document.formName.elements["elementName"]
(3)其它
参见 2

CSS浏览器兼容问题[z]

In: Work

IE6.0,IE7.0与Firefox的CSS兼容性问题 1.DOCTYPE 影响 CSS 处理
  2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行
  3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中
  4.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width
  5.FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式,值得注意的是,一定要将xxxx !important 这句放置在另一句之上
  6.div [...]

内网部署石路

In: Work

在经过反复的思考,比对之后,公司的内部网站我决定用.net的平台来做。
php下的Cms很多,大家也都在玩Joomla,应该说资源比.net下CMs们的要丰富,开发起来也比较容易,可是考虑到公司的软硬件环境,以及人文环境,还是忍痛选择了放弃。
从另一个角度来讲,这也是我一直比较向往的领域,虽然对.net有过一些了解,可是毕竟很肤浅,也打算借这个机会在这个方面多学一些东西。
.net下的开源免费CMS并不算太多,其实也不少,主流的DOTNETNUKE,Rainbow Portal等以及其他如雨后春笋般诞生的名字稀奇古怪的cms们,让我在选择的时候也着实有点不知,DOTNETNUKE是首选,在研究了一段时间之后结论是:首先,好是好,可运行的时候总是觉得有写慢,当然这是横向比较的结果,也可能是没有优化;其次源代码并没有全部开放,在开发的灵活性上不强,而且功能有些过大于我的需求;还有DOTNETNUKE是用VB.net作为开发语言,所说创始人是个及其nb的人物,可我还是比较倾向于c#.故放弃了最具人气的DOTNETNUKE。
Mojo Portal的名字吸引了我,我不知道他是什么意思,程序不大,安装还算方便,功能不多,够用,暂时先用它。实在不行再换。
MoJo的运行速度让人比较满意,在测试的过程中发现和DOTNETNUKE有一样的毛病,可能也是.net的一个通病吧,下载中文名附件乱码,于是好戏上演了

圆角表格

In: Web Programming

/* from http://cssplay.co.uk/boxes/snazzy2.html*/
.xsnazzy h3{margin:0; padding:0 10px 5px 10px; border-bottom:1px solid #444;}
.xsnazzy h3, .xsnazzy h3 a{font-size:1em;}
.xsnazzy {background: transparent; width:530px; margin:10px 3px 0;}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #444; border-right:1px solid #444;}
.xb1 {margin:0 5px; background:#444;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; [...]

CSS实现完美垂直居中

In: Web Programming

之前看到很多人一直都问这个问题,不过当时我没当一回事,因为在 CSS 中要垂直居中,多数是在有高度的情况下,或者容器高度不定的情况下才用,看上去比较舒服,而且实现的方法也不少,不一定要拘泥于和 table 布局一样。不过最近有人问了几个例子,看来对此的需求还不少。现在就把我经验拿出来分享一下,希望大家鼓鼓掌。首先,要有一个概念:凡是 table 布局可以实现的,CSS 一定可以实现。CSS 可以实现的,table 未必能做到。现在来几个例子:一、单行内容的居中
只考虑单行是最简单的,无论是否给容器固定高度,只要给容器设置 line-height 和 height,并使两值相等,再加上 over-flow: hidden 就可以了

.middle-demo-1{
height: 4em;
line-height: 4em;
overflow: hidden;
}

优点:
1. 同时支持块级和内联极元素
2. 支持所有浏览器
缺点:
1. 只能显示一行
2. IE中不支持img等的居中
要注意的是:
1. 使用相对高度定义你的 height 和 line-height
2. 不想毁了你的布局的话,overflow: hidden 一定要
为什么?
请比较以下两个例子:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

上一个高度是用的绝对单位px,并且没有隐藏溢出,下一个高度用的单位是相对单位em,并且隐藏了溢出。如果你的浏览器支持放大字体,那么尽情地放大字体,看看会出现什么效果。二、多行内容居中,且容器高度可变
也很简单,给出一致的 padding-bottom 和 padding-top 就行

.middle-demo-2{
padding-top: 24px;
padding-bottom: 24px;
}

优点:
1. 同时支持块级和内联极元素
2. 支持非文本内容
3. 支持所有浏览器
缺点:
容器不能固定高度三、把容器当作表格单元
CSS 提供一系列diplay属性值,包括 display: [...]

About this blog

这个Blog有很多作者,请注意Author。
祝大家心想事成,健康幸福,财源滚滚,步步高升,祝福伟大的祖国繁荣昌盛;愿世界和平,气候变冷。
请疯狂点击下面的广告
20080411更换新Theme
20080805升级至WP2.6


Sponsors