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

时间:2012-02-16 21:32:50

标签: html css internet-explorer css-tables

我正在一个有几列的网站上工作,我已经和它争吵了一段时间,最后还以为我把所有内容排成一行。我在Adobe BrowserLab中交叉检查它,一切看起来都不错(除了IE6和IE7,但我只是接受了)。

我在另一台计算机上尝试过但我试过的计算机上的IE9显示它就像IE7在BrowserLab中显示它一样。基本上正在发生的事情是“每日技术博客”栏目一直滑到页面底部。

不能为我的生活找出原因。正如你在CSS中注意到的那样,我正在使用display:table和display:table-cell,因为这是我在所有浏览器上排序的唯一方法(或者我认为)。我最初只使用DIV,但不同浏览器对它们的处理方式不同。然后我尝试用<table> s重新创建它,但这样可以解决所有问题。这是我的JSFiddle的链接:

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

有什么想法?

1 个答案:

答案 0 :(得分:0)

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