昨天打开自己blog页面时顺手点了一下firefox上的ie tab键，然后页面就又错位了：
- 首先整体不再居中而是靠左
- 其次侧边栏又被挤到了下面
- 但是访问除首页之外的其他页面没有问题
打开IE8，问题依旧，选择compatibility view也没变化。firefox下还能用css view或者firebug之类的东西检查一下，IE怎么办？犯愁之际想起来IE7还是IE8开始提供了一个developer tools，点开来看果然有作用。
也顾不上琢磨为什么以前没这个情况了，开始找原因。开始以为侧栏错位是page navi引起，但是禁用没效果；又怀疑是首页某篇post的问题，开始修改首页文章数量，发现只显示一篇的时候侧栏位置正常，更加确定了这一猜测。总想走捷径的念头又冒出来，恰好发现了developer tools的outline div elements，是那篇带有代码引用的日志捣乱，把那段放到read more里，“侧栏问题解决!”
看起来developer tools功能还算齐全，而且对于我这种小白来说还比较友好，正打算再研究是不是css导致首页整体不能居中时，鼠标发现了document mode，当前是quirks mode，点开发现有IE7和 IE8 Standard，切换之。hurrah！页面正常了。
一念之差差点又去折腾CSS，最后问题是在header中加入如下代码：
<meta http-equiv=”X-UA-Compatible” content=”IE=7.5″ > <!– IE7 mode –>
原文在这里：http://msdn.microsoft.com/en-us/library/cc288325(VS.85).aspx
不过还未测试在IE6下是什么情况。