Html 显示：表格和显示：IE7和IE9中的表格单元格的对齐问题

我在一个有几个专栏的网站上工作，我和它斗争了一段时间，最后我认为我把所有的东西都排好了。我在AdobeBrowserLab中进行了交叉检查，一切都很好（除了IE6和IE7，但我刚刚接受了）

我在另一台电脑上试过，IE9在我试过的电脑上显示它，就像IE7在BrowserLab中显示一样。从本质上说，“每日科技博客”一栏滑到了页面的底部

我一辈子都搞不懂为什么。正如您在CSS中所注意到的，我使用display:table和display:table单元格，因为这是我在所有浏览器上唯一可以排列的东西（或者我是这么认为的）。我最初只是使用DIV，但不同的浏览器对它们的处理方式不同。然后我试着用

s重新创建它，但这使一切都变得不正常。以下是指向我的JSFIDLE的链接：

---

有什么想法吗

出于我的目的，我发现最好的方法是在代码的顶部。然后，我可以使用

position:absolute

在需要的地方调整内容。虽然我通常倾向于避免这样的黑客攻击（大多数人都会支持），但这实际上只是IE7中的一个主要问题，对我来说，这是最有效的解决方法，而不是弄乱其他浏览器上已经验证过的代码。

也许你的IE9处于“兼容性视图模式”？当前模式可以在用F12键打开的开发者工具窗口中查看。这里一切正常。Win7和IE9处于标准模式和怪癖模式。嗯，这是一个积极的迹象。我用的电脑不是我的（它是我朋友的），我只是在外面的电脑上反复检查。你有没有碰巧看到IE7中的错误？这里有一个截图：。第二列远远低于所有内容，我试过的IE9也显示了同样的问题。有什么想法吗？