在IE和FF中浮动的div低于其他人

时间:2012-02-01 01:13:20

标签: html css positioning css-float

this page that I'm working on上有一些浮动的div,我遇到了一个奇怪的问题。页面中有3个,其间有1em页边距。在Chrome中他们排队很好,但是在IE和FF中,右手一点滴 - 但不是完全在下面。我认为这可能最好用图片描述,请参见下文:

Illustration of positioning problem.

我无法解决CSS导致这一点的问题 - 我已经通过新的FF代码检查器并使用webdev工具栏突出显示所有块级对象,但看不到任何会导致这种下降的内容

我确实想知道它是否是JS twitter feed中的内容导致它,但我已经换了Twitter和“更新”框,它总是右边的。我也尝试从页面中删除其他元素 - 菜单和这三个框之间的所有内容。

我必须承认,我的智慧结束了!任何人都可以发现我错过的明显事物吗? CSS相当大,我不确定要显示哪个位,所以我没有复制它,但是如果有人愿意的话会这样做。否则,可以在http://www.woodexperts.com

查看所有内容

2 个答案:

答案 0 :(得分:3)

width: 15.25em中的div#main div.tricolumn更改为width: 15.24em

那应该解决这个问题。

答案 1 :(得分:0)

我知道这是一个黑客,但如果IE是唯一导致问题的浏览器,您可能需要考虑IE条件注释,仅限于IE的某些样式:

http://msdn.microsoft.com/en-us/library/ie/ms537512(v=vs.85).aspx