Firefox 2和SeaMonkey的CSS clearfix问题 [英] CSS clearfix problem with Firefox 2 and SeaMonkey

问题描述

我使用 yaml 布局和着名的 clearfix css 确保带有浮动的容器得到扩展。

I am using yaml for layout and famous clearfix css to make sure container with floats get extended.

一切都适用于Firefox 3，IE6，IE7，IE8，Opera 9和Google Chrome，但我有Firefox 1，Firefox 2和SeaMonkey的问题。问题是clearfix容器被扩展太多，你可以在网站上看到：

Everything works fine with Firefox 3, IE6, IE7, IE8, Opera 9 and Google Chrome, but I have issue with Firefox 1, Firefox 2 and SeaMonkey. The problem is that clearfix container gets extended too much, as you can see on the website:

http://www.slagalica.tv/game/mojbroj

以下是 Firefox 2 和 Firefox 3 呈现。

更新： BrowserShots.org上的屏幕截图

不幸的是，统计显示超过10％的访问者使用FF2，所以我不能简单地忽略这个问题。我尝试删除或调整clearfix CSS的一些部分，但无论我做什么，计时器DIV（绿色）与页面的其余部分大幅度分隔。

Unfortunately, stats show that more than 10% of my visitors are using FF2, so I cannot simply ignore the problem. I tried removing or tweaking some parts of clearfix CSS, but no matter what I do, the timer DIV (green) is separated by a large margin from the rest of the page.

有没有人有一个想法如何解决这个？

Does anyone have an idea how to solve this?

Update2：我终于放弃了，并把TABLE标签并解决了几分钟的问题。

Update2: I finally gave up and put TABLE tag and solved the issue in few minutes. So, don't try to look into HTML source - problem is not evident anymore.

推荐答案

似乎这是一个错误，并在较新版本中固定。但是，为了保持兼容性，必须使用表而不是CSS。

Seems like this is a bug, and is fixed in newer versions. However, to maintain compatibility, tables have to be used instead of CSS.

这篇关于Firefox 2和SeaMonkey的CSS clearfix问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！