ie-bug

1. size,padding和margin距离异常

在IE6中,各种size,padding和margin总是感觉怪怪的,有时候死活差那么几个像素.这时候可以使用单独为IE准备的CSS文件来纠正.只需要在页面头部加类似这样的CSS文件即可:

[code=’html’]

[/code]

其中的ie.css是对主CSS文件中,那些在IE6下显示异常的元素,重新定义的CSS.

2. 块元素居中问题

在现代浏览器中,一个块元素,假设是一个p,设置了宽度,设置左右margin都是auto之后,渲染效果应该是居中.但是在IE中,必须对其父元素,假设是body,加text-align:center;才能看到居中效果:

[code=’css’]body { text-align: center; }[/code]

并且,你还要在子元素p里把继承的居中纠正回来:
[code=’css’]p { text-align: left; }[/code]

3. div最小高度不能低于12px的bug

如果你需要一个高度很小的div,假设说做一个分隔线之类,你会发现div最小高度不会低于12px.这时候要设置div的line-height: 0;才行.

[code=’html’]

[/code]

如果还是不行,你要在div里套一个p,并且指定这个p的line-height: 0;.

[code=’html’]

[/code]

4. 浮动元素的双倍margin距离bug

这是一个非常严重的bug.你会发现你的侧边栏总会跑到第二行去显示,或者明明你计算好宽度,平分两半,还预留了些空隙,在Firefox显示正常,在屏幕左右分布的两个块元素,在IE下非换行不可.说起来应当是IE的float块元素,margin加倍渲染的bug.
这样的代码:
[code=’css’]
.floatbox {
float: left;
width: 150px;
height: 150px;
margin: 5px 0 5px 100px;
/*This last value applies the 100px left margin */
}
[/code]

正确的渲染应该是这样:

marg-norm

但是在IE5和IE6里,margin的100px被加倍,渲染成这个样子:

marg-doubled

margin被加倍成了200px.
浮动元素的双倍margin距离bug的出现条件和特点是:

  1. float块元素
  2. margin方向与float方向相同,即float: left;的块只会加倍margin-left的值.
  3. 这个float块与其父容器的内边之间夹着这个margin的情况下,才会加倍.当前行的第二个float块,因为其左边不是父容器的内边,就不会出现这个bug.
  4. 浮动元素的双倍margin距离bug具备左右对称性.

修复很简单,在所有float的元素的CSS中加入display: inline;即可.其实根据W3C对float的定义,当float具备left或者right时,display效果应当是不起作用的,除非是display: none;,但是指定了display: inline;确实让IE6正确显示了margin.

5. 盒模型的bug

看这样一段代码:

[code=’css’]
div#box {
width: 100px;
border: 2px solid black;
padding: 10px;
}
[/code]

根据盒模型定义,这个div的宽度应该是2+10+100+10+2=124px.大部分浏览器也是这样解析的,唯独IE6认为它是100px宽.
这个bug会对布局带来严重影响.消除这个bug只需要在页首制定DTD即可.

[code=’html’][/code]

此前的一篇文章这样解释:在页首制定了DTD,浏览器就认定Web开发者知道并理解DTD,于是就会使用兼容标准的方式来解析和渲染页面.

6. PNG图片不能透明bug

在IE6中,PNG图片原本透明的部分被渲染成不透明的颜色.可以使用这篇文章提到的办法修复之.
其实这个bug只会出现在设置为alpha透明方式的png图片上,导引色透明方式在IE6中则不会出现不能透明的bug.

参考资料

hpc_headers_04_sl

寒假的时候让杨光帮我投了下简历,然后过了一阵子就组织面试了。说起来比较神奇,之前我在joinms里自己投过简历,没多久就收到STBC的HR写来的written test通知,我延了一次,第二次约好的时间因为和杨光介绍过去的STBC HPC的电话面试时间冲突,被我拒掉了…神奇的是,当STBC HPC电话面试结束后,收到的却是之前写来written test通知的同一个HR发来的on site面试通知…岂不是给人一种错觉:Microsoft的written test通知直接无视即可获得面试机会,呵呵。
Anyway,STBC是一个很远的地方,我九点半出门,约好下午一点面试,我觉得肯定够用了,说不定还能找个KFC吃顿像样的饭,没想到当我最终赶到,是12点50分…
饿着肚子面试一下午,三个FTE(最后一个是STBC HPC组的一个PM),每人一小时,当我回到学校的时候已经是晚上7点,一天被占用掉了~
面试过程…没什么好说的,实验室这边不见得会放我走,所以我去的时候是抱着面着玩的心态去的,无欲无求我就很放松,所以一点也不紧张。第二个小伙是个复旦的帅哥,被他一阵鄙视算法,无奈了,还是继续加油吧…
不过收获总是有的,至少我知道了别人是怎么看待我的简历的,他们注意些什么,不注意些什么,看来简历要大改了~

几月了?不知道。
几号了?不知道。
是不是该回家了?…不知道。

下面我要说些你们都看不懂的话。

你以为我没想过吗?你以为我就不会看吗?你以为我就不喜欢吗?
想这些事情总会觉得很罪恶,但是我好像不是个太冲动的人,呵呵,没人信吧。其实我不是。
我想出国了,想离开这一切。
我的生命该怎么去刻画呢?也许对于双鱼,爱并不是全部,看看下面的列表啊!在没有爱的日子里,我是不是也可以不想呢?
你以为我喜欢灰色?
对不起,都是我不好,说过不怪你,都是我的错。只是,看过他的字,再看过你对他的话,让我无法不怪你,不然我怎么承受得住这份责任!

今天没喝酒,发泄完毕。
这几日很充实,算是什么呢?Renew一下CSS和HTML的知识,接了个活做了下,法政学院的一个老师的网站。

用Firefox、IE8、Opera、Chrome、Safari的各位就不要点开旧版了,惨不忍睹。
新版基本上是个WordPress模板,后台都是用的WordPress这一套。我想证明,如果仔细使用,WordPress真的是无所不能。接下来几天我会写几篇文章,关于怎么把WordPress做成规模较大的网站。
发点牢骚,旧版好像找了个本科生,花了2500,他用ASP+Access做了一个出来…寒
前台好像经过美工指点还想样子,后台…怎么形容呢,table的border都不去掉啊…雷
三天时间,我写了几千行HTML+CSS吧,都是一个一个字在UltraEdit和Visual Studio里面敲出来的,期间有人问我,你在写CSS吗?答曰,是。问,你就用写字板一个一个字的写?我都没见过呢…
…我空虚,我有时间。
牢骚毕。

接下来的计划:

  • 我还不知道小论文和毕业论文写什么呢。这期间我写了三个实验性的东西,看能不能转换成论文。一个分布式文件系统,一个C#的网络爬虫,一个C#写的DOM解析器。都很无聊,没什么闪光点。
  • 我想做Microsoft MVP。
  • 我打算把Windows Server 2003和Windows Server 2008好好研究一下,看能不能找到什么灵感。

——别给我说加油。

熟悉微软技术的同学都知道,.NET 3.0的核心技术是这么几个:

  • WPF:Windows Presentation Foundation
  • WCF:Windows Communication Foundation
  • WF:Windows Workflow Foundation
  • WCS:Windows CardSpace
  • LINQ

为什么Windows Workflow Foundation简称叫WF,而不是WWF呢?
原因是,Microsoft不想与World Wrestling Federation(世界摔跤联盟)和World Wildlife Fund(世界野生动植物基金会)发生关系~

我们正在做的一个智能公交系统包含一个车载的计算机。采用Atom的x86架构,操作系统选用Windows XP Embedded(XPe)。这几天看新闻看到好几个XPe的消息。毕竟微软这次为北京奥运会提供操作系统嘛。

2008北京奥运会开幕式的盛大隆重华美不仅征服了国人,也赢得了世界各国媒体的交口称赞.开幕式上的灯光投影控制,尤其是最后李宁在一条灯光打出的虚拟卷轴跑道上“飞”过的情形,令所有看完开幕式的朋友惊奇不已.为了保持飘逸的跑步姿态,据说李宁在一个多月之前就开始了身体锻炼以确保达到要求,李宁的辛苦付出获得了完美成功,当然这和奥运会灯光投影后台控制系统以及所有工作人员的努力也密不可分.

人在西雅图的微软公司嵌入式视窗产品部项目经理施卫娟(Weijuan Shi),要在当地时间早上5点钟起来才能看到北京奥运会的开幕式盛况,但这并不能妨碍她对北京奥运会的兴奋关注之情,除了个人华人身份原因之外,Windows XP Embedded (XPe)系统在奥运会开幕式中所担当的重要角色也是令她非常关注此次奥运会的原因之一.兴奋的她在个人博客上为我们介绍了一些北京奥运会后台控制系统的相关信息.

位于得克萨斯州奥斯汀的High End Systems公司是开幕式眼花缭乱灯光效果背后的恒星,HES公司是目前发光二级管行业和娱乐照明系统行业的领导者,此次北京奥运会开幕式共使用了 120台HES Axon Media Servers服务器,这也是历届盛会之最.所有的灯光效果以及放映机移动控制都由Axon Media Servers实时处理并通过三台Wholehog 3灯光控制台操纵完成.

这次为北京奥运会特别装配的Axon Media Servers配制如下:

  • 处理器: Intel Core 2 Quad Q6600
  • 主板: ASUS P5W DH Deluxe
  • 显卡: ATI HD2900XT(ASUS)
  • 硬盘: Seagate Barracuda 7200.10 320GB
  • 操作系统: 高度定制化的Windows XP Embedded O/S,支持DirectX、DirectShow、NET 2.0 Framework

不过…

2008年08月08日北京奥运会开幕式,国家体育场鸟巢H区3层顶棚发生了这件事情:

[singlepic=15550]

我们已经知道,鸟巢的灯光和投影显示系统使用了上百台Windows XP Embedded系统的服务器产品,而在开幕式主火炬点火的关键时刻,其中一台投影服务器正巧出现了蓝屏。如果之前的照片还不足以显出此次蓝屏的尴尬程度的话,下面这张照片应该可以给你一个更清楚的认识。

[singlepic=15809]

没有错,正当李宁在空中跑道大步迈进的时候,蓝屏就在他的身旁。不知道微软看到这样的照片心里会是怎样的想法。