Css Javascript';我们称之为Firefox中漂浮的废墟

Css Javascript';我们称之为Firefox中漂浮的废墟,css,firefox,css-float,Css,Firefox,Css Float,我有一个结构如下的页面: <div id="container"> <div id="header">top menu</div> <div id="content">content</div> <div id ="footer" align="center"> <div class="left">left part of footer menu</div>

我有一个结构如下的页面:

<div id="container">
   <div id="header">top menu</div>
   <div id="content">content</div>
   <div id ="footer" align="center">
       <div class="left">left part of footer menu</div>
       <div class="right">right part of footer menu</div> 
   </div> 
</div> 
这在所有浏览器中都可以正常工作。但当我加上

<script type="text/javascript"></script>

里面

<div class="left">

在FireFox中(仅限于此),脚本后面的页脚部分位于页眉和内容div之间的顶部。 怎么了

UPD 这一切都与内容中的错误标记有关。只有FireFox不明白我错过了一个closed table标签:)谢谢你们,你们帮我解决了这个问题。

将容器高度从“自动”更改为100%,并删除额外的高度行。 汽车正在混乱的计算,因为它覆盖了100%的线,由于!重要值

因为#页脚的位置是绝对的,底部为0,所以它将相对于其第一个(非静态定位)父项(即#容器)进行定位。本质上,这里发生的事情是,容器变得越来越低,并用它拖尾

之所以会出现这种情况,是因为在css for#容器中有两个
高度:
设置(脚本标记以某种方式触发它刷新),因此行为将是未定义的

如果您试图使页脚粘在窗口底部,包括调整大小时,我建议使用javascript函数处理它,由窗口的调整大小事件触发(这相当简单,请参见

页脚具有绝对位置,并且位于相对定位的#container div内,因此我希望如此。也许可以尝试将container绝对定位


另外,我认为你的标记不是你想要的。有一个太多的开始div标记。

你可以用另一种方式使用绝对定位来尝试CSS。我尝试避免浮动,因为它可能会导致意外的渲染问题。请参阅以获得另一种方法。为我使用IE6、Chrome12、FF3.6和FF4。

谢谢。但是即使我只在#container中留下height:auto或height:100%,情况也不会改变。拥有height:100%!重要的是谢谢你,这是一个奇怪的close div标签,我修复了它。关于container标签的绝对定位-不,它不起作用。什么版本的FF?我在FF4中看不到它。你能添加一个屏幕抓图吗?我在Firefox中看不到它4.该链接没有显示示例对不起,这是关于内容中的错误标记。只有FireFox不理解我错过了一个closed table标记:)谢谢你们,你们帮我解决了这个问题。我在错误描述中遗漏了一件重要的事情:脚本后面的页脚部分到达页眉和内容分区之间的顶部。另一件事情是它不依赖于高度设置(我尝试了其中一个,情况相同)。我想不用jquery解决这个问题,但谢谢你的建议。谢谢你,了不起的服务,我不知道。它帮助我了解了问题所在。这一切都是关于内容中的错误标记。只有FireFox不理解我错过了一个封闭表标记:)
<div class="left">