Javascript Div布局在IE 7和8中工作不正常

我有一个奇怪的div布局问题。我有一个

footer

div。footer在mozilla中正常工作，在IE7和IE8中有一个位，它出现在

主要内容

布局中

找到下面的屏幕截图：

通过谷歌搜索，我看到了所有常用的解决方案，但没有任何效果

有人能建议如何解决这个奇怪的问题吗

编辑： 我在这里使用

div碰撞检测

，如下所示：

//Detecting div collision
var class1 = '';
var class2 = '';
//primary
var cTop = jQuery('#primary').offset().top;
var cLeft = jQuery('#primary').offset().top;
var cBottom = jQuery("#primary").offset().top + jQuery("#primary").height();
var cRight = jQuery("#primary").offset().left + jQuery("#primary").width();
var cHeight = jQuery("#primary").height();
//myFooter
var fTop = jQuery('#myFooter').offset().top;
var fLeft = jQuery('#myFooter').offset().top;
var fBottom = jQuery("#myFooter").offset().top + jQuery("#myFooter").height();
var fRight = jQuery("#myFooter").offset().left + jQuery("#myFooter").width();
var fHeight = jQuery("#myFooter").height();

var divs = [
{class1:'#primary', top:cTop,   left:cLeft,   height:cHeight},
{class2:'#myFooter', top:fTop,  left:fLeft,  height:fHeight}
];
for (var i=0; i < divs.length - 1; i++)
for (var j=i+1; j < divs.length; j++)
{
var I=divs[i];
var J=divs[j];

if ( (I.top <= J.top && (I.top + I.height) >= J.top) ||
(J.top <= I.top && (J.top + J.height) >= I.top) ){
alert(I.class1 + " collides with " + J.class2);
//What to do here ??
}
}

//检测div冲突
var class1=''；
var class2=''；
//初级的
var cTop=jQuery（'#primary'）.offset（）.top；
var cLeft=jQuery（'#primary'）.offset（）.top；
var cBottom=jQuery（“#primary”）.offset（）.top+jQuery（“#primary”）.height（）；
var cRight=jQuery（“#primary”）.offset（）.left+jQuery（“#primary”）.width（）；
var cHeight=jQuery（“#primary”）.height（）；
//我的页脚
var fTop=jQuery（'#myFooter'）.offset（）.top；
var fLeft=jQuery（'#myFooter'）.offset（）.top；
var fBottom=jQuery（“#myFooter”）.offset（）.top+jQuery（“#myFooter”）.height（）；
var fRight=jQuery（“#myFooter”）.offset（）.left+jQuery（“#myFooter”）.width（）；
var fHeight=jQuery（“#myFooter”）.height（）；
var divs=[
{class1:'#primary'，顶部：cTop，左侧：谱号，高度：cHeight}，
{class2:'#myFooter'，顶部：fTop，左侧：fLeft，高度：fHeight}
];
对于（变量i=0；i

---

我不明白的是：在检测到碰撞后，如何向下推页脚？

这与CSS位置和边距属性有关。。但是，如果您不共享任何代码，我们在这里所能做的就是猜测。请在此处共享一些代码或创建一个链接。@Tyblitz:连接已断开，因此以前无法编辑代码。我知道在这里添加代码的重要性！请在上面找到我编辑过的问题。嗯，我没有时间完全弄清楚这一点（为什么页眉和页脚会发生冲突？我无法想象在一个普通的网页中，可能是应用程序）。这是一篇可能对你有所帮助的帖子。。但是，如果您只希望内容不重叠，那么使用CSS就可以很容易地做到这一点。在这种情况下，不需要JS beast。。。注意：你可以使用

$

而不是

jQuery

我同意@Tyblitz的观点，为什么你要使用Javascript来完成一项似乎可以用CSS轻松完成的任务呢。