IE/Chrome中的jQuery/CSS高度问题

我回来了更多的问题，在我的jQuery动画飞溅/网站。IE/Chrome中的jQuery/CSS高度问题

您可以在voidsync.com/test的大多数浏览器中看到正在运行的画面。我遇到的问题是html，body或#CONTAINER没有适应更长的内容，如服务或关于页面 - 你会看到页脚不能正确移动到底部。

加载或完成飞溅后刷新浏览器，页面高度会根据内容进行适当调整。这也适用于禁用JS的IE8，所以我知道问题出在那里。（IE7或IE8兼容模式除外，页脚不下移，句点）。

如果需要，我可以在这里发布代码，但我不知道这是必要的还是可能的，因为您可能需要查看所有源代码才能获得正确的想法。

奖金问题

托管页面在浏览器，其中内容的高度不会出现一个页面上适当调整类似的问题，或页脚变得重叠这可能是由于所使用的样式表元素。

提前致谢！

2010-04-19 abysslogic

尝试添加<div class="clear"></div>右页脚

与样式前：

.clear {height:1px; clear:both;}

2010-04-19 01:05:56 XGreen

犯规相应定位您的页脚，也许似乎工作，我认为它的问题与jQuery没有改变父元素的高度，或调整更长的内容 - 但它刷新浏览器后工作。 – abysslogic 2010-04-19 02:38:19

所以你在做的那些100％的高度事情正确的？

从我的经验，只有在以下

html,body {height:100%;} 
#wrapper {position: relative;min-height: 100%;}

在你的CSS，你是依靠的#container保持100％的高度工作，但现在在IE中它永远是100％高度视口，而不是内容。

你可以做的是周围添加所有内容的#wrapper，body之后，帮你保持100％的高度，并与position:absolute; bottom: 0;

2010-04-21 15:58:40 vinhboy

令人耳目一新的问题出现在我的页面加载系统中，我认为这是由于变量未被更改导致的，绝对定位影响了动画。同样在包装上使用负边距底部导致页脚在Chrome（和Safari）中“重叠”，所以我调整了CSS中的webkit浏览器。 – abysslogic 2010-05-02 01:16:51

回答