2012-02-16 81 views
0

我正在一个有几个栏的网站上工作,我已经和它打了一阵子,最后以为我已经排好了所有东西正确。我在Adobe BrowserLab中进行了交叉检查,看起来一切都很好(IE6和IE7除外,但我只是接受了这一点)。对齐问题显示:表格和显示:IE7和IE9中的表格单元格

我试过在不同的计算机上,虽然和我试过的IE9上显示它像IE7显示它在BrowserLab。基本上,发生的事情是“每日技术博客”专栏滑入页面底部。

不能为我的生活找出原因。正如你将会在CSS中注意到的那样,我使用display:table和display:table-cell,因为这是我能够在所有浏览器上进行排列的唯一东西(或者我认为)。我最初只是使用DIV,但他们被不同的浏览器所对待。然后,我尝试用<table> s重新创建它,但是这使得所有的东西都变得无用。这里是链接到我的jsfiddle:

http://jsfiddle.net/uBahh/1/

有什么想法?

+0

也许您的IE9处于“兼容性视图模式”?当前模式可以在用F12键打开的开发工具窗口中查看。 – 2012-02-16 21:40:39

+0

这里一切都OK。 IE9在标准模式和怪癖模式下的Win7。 – rcdmk 2012-02-16 21:42:47

+0

@MaratTanalin我同意了。 – rcdmk 2012-02-16 21:43:24

回答

0

我找到了我的目的,最好的方法是在代码顶部<!--[if IE 7]><body class="ie7"><![endif]-->。然后,我可以用position:absolute来调整我想要的东西。虽然我通常倾向于避免像这样的黑客攻击(而大多数人会这样做),但这实际上只是IE7中的一个主要问题,而且这是对我来说最有效的方式,而不是混淆每个其他方面都证明的代码浏览器。