搞不定首字下沉

据说网页排版的三个境界是（来源）：

1. 怎么都搞不定非ie浏览器
2. 怎么都搞不定ie
3. 天马行空

我现在的情况是：Firefox 总是最容易的；Opera 和基于 KHTML/WebKit 的浏览器（Safari, Chrome, Konqueror 等）次之，但多数情况下搞定 Firefox 也就意味着搞定它们；最难的是 IE 不用说。

今天上午试图在本网志实现首字下沉，网上没找到满意的插件，于是试图自己完成。因为首段没有标记，又不想动 PHP，想了想，在 CSS 里写道（ref）：

.post_body > span + p:first-letter { /* ... */ }

借助 FireBug，很快在 Firefox 里成功了。然而，稍后便发现，我搞不定任何一种非 Firefox 浏览器。在其他所有浏览器（包括 IE）效果都是 “错” 的，而且 “错” 得一样——也许大概可能它们是对的，Firefox 错了吧？

大概因为过分依赖 FireBug，对很多 CSS 用法无形中就接受了 Firefox 的实现，而没有意识到它可能并不符合标准，跟以前很多做网页的人（也包括曾经的我）无意中就接受了 IE 的做法，好像是一样的。

一边骂着 IE only 的国产网站，一边让自己的网站处于 Firefox only 状态超过十个小时。

［现在暂时禁用了，等有时间有精力折腾的时候再研究研究别人的代码。］

标签: coding, CSS, Firefox, IE, internet

算是知道 IE 有多气人了

以前就注意到 Wikipedia 为其他所有浏览器准备了一套 CSS，为 IE 准备了四套（5.5 以前、5.5、6、7 各一套）。原来还想：IE 真的有这么矬么？也许是维基那帮人过于完美主义，以至于一两个象素的差别都不放过吧。

但是，经过今天自己调了两小时 CSS，我相信了 IE 对标准有多么漠视。以我对 CSS 的一知半解，连 padding 和 margin 的区别才刚搞清，会用的属性显然只能是极常见的，不可能涉及到什么高级技巧。

结果，现在主页左边和上面的两个菜单，几个主流浏览器（IE、Firefox、Konqueror、Opera、Safari、Opera）都试了，只有 IE 不能达到预想的效果，尤其是左边的菜单差得有点多。XHTML 和 CSS 都通过 W3C 的测试，我想我大概有理由相信问题不在自己身上。

于是，我决定放弃 IE，打上一个反 IE 的标签。

幸好，我不是在为某公司工作，所以你丫不支持标准我可以拉倒。

ps. Firebug 真是好东西

标签: IE