“风讯4.05”实战第十一天:再度纠缠于样式表

又碰到一个兼容性问题。IE下,当块向左移动时,左边距按两倍计算。解决方法是把块设置成内联属性。我看网易的解决方法是用父元素的内边距来空位,而不使用浮动块的外边距。

当两个DIV块嵌套时,如果父套无内容,则fox中上边距重叠。在BI咨询了一下,似乎本该如此。我奇怪的是既然边距重叠,为神什么左边距不重叠呢?搞了个CSS2中文文档看,据说里面有答案,不过近期是没可能去详读了。

IE和fox在版面处理上总是存在差异,好在这次发现的差异基本都是1像素级的,能带就带过去了。倒是DW和两浏览器的差异值得注意了。在处理表单物件的时候,DW总不能根据样式表的设定正常显示,这个差别比IE和FOX的差别大得多得多,甚至影响了版面效果,我不得不以溢出隐藏的方式对待它,否则后面的排版无法进行下去。

深刻领会到“定位”的重要。 以前我对他的成见太严重,不是《css禅意花园》的引导,可能只有通过阅读大量源码才能领会它是如此普遍而正确,并且非常好用。这几十块钱花得值。

得出一个教训:测试样式表时不要用外联方式。直接内嵌做测试,可以减少很多不必要的麻烦,避免一些调试的问题。或者,把DW的预览设置成临时文件预览,也可以避免调试的不确定性给工作带来的麻烦。

第一次比较完整的贯彻标准概念。感觉是以前把标准看得太“干净”了。实际工作中并不是每个内容都能在HTML中找到语义的,如果彻底迁就语义,那么现有的设计方式都需要更新,彻底忘记以前用的方法,胡略掉客户对你的要求。这不现实。通过查看分析网易的做法,确实觉得他的折中方案不错,大型门户也只有这么干了。否则HTML是干净了,但是CSS将变得一塌糊涂,再加上HACK,那简直就是密码文件。光鲜其外败絮其中就是指这种状态了。如果HTML的标准能让搜索引擎迅速提升PAGE值也还罢了,关键是能否达到这种效果目前看来都是一厢情愿。再说了,真正的客户谁管这些。

发表评论

邮箱地址不会被公开。 必填项已用*标注