因为一直是用firefox2.0和ie7.0来调试模板的,今天上来用研究室的电脑上的ie6.0上来一看,怎么搞得,右边的侧边栏已经被挤到下面去了,整个页面框架格局已经被破坏了。而且文章内容的左边界比博客标题左边界缩进了不少。下载安装opera9.1,打开一看效果和firefox一样,布局好好的。看来问题是出在ie上面了,网上查了下ie对css的bug,发现主要的麻烦还是在ie对margin和padding,这2个属性的解释上了。在各种浏览器中,firefox对css的支持最好,ie是最差的一个了。firefox对box模型宽度,是margin+padding+对象宽度,而ie是margin+对象宽度,padding是被计算在对象宽度里面的,所以如果设置同样的box宽度,margin以及padding值,但2者显示的对象宽度是不一样的。还有一点,为了避免在ie处理框架出现问题,最好不要把padding的设置应用到元素上,而是应该直接应用到内容上的。还有一个就是text-align:justify属性,在我对p元素应用了justify属性,在firefox下看到的段落都是两边对齐的,但在ie和opera下去看,虽说也有两边对齐,但效果很差。再加上安全性之类的,我还是推荐用firefox作为主要上网的浏览器吧。所以今天在侧边栏加上了这个firefox的下载链接。
看来什么等有空了要好好整理下所学的css知识了。最近都在忙着些东西,自己研究上的东西都没有什么进展,下周就要去香港发表了,幻灯片到现在也还没有改好,口语练习也没有做。真是耽误了正事了。以后在时间的安排上的得好好下工夫了。昨天看了一篇“20 must-have Firefox extensions”(20个必备的firefox插件),是国外有名的《ComputerWorld》的一篇文章,推荐了20个必备的firefox插件,看了下,有不少自己已经在用了。有准备把这篇文章的主要部分翻译成中文,等搞定了再发上来吧。


























