IE9 CSS浮动：对吧Bug？

Question

以下是我的风格：

父容器：

div.musicContainer {
        width:820px;
        height:54px;
        margin-bottom:20px;
}

子容器：

div.hardcorePlayer {
    width:400px;
    float:left;
    border:none;
    background-color:#996600;
}

div.feedbackPlayer {
    width:340px;
    float:right;
    border:none;
    background-color:#996600;
}

问题是：我昨天安装了IE9，而且当IE8显示得很好时， feedbackPlayer div 不再排列在右边界。它像以前一样在其他浏览器中显示。

这是一个IE9错误吗？

IE9图片：

其他浏览器图片：

非常感谢你对此的看法。

网址网址：www.guygar.com/guygar.html

注意：此处是带有重置数据的new CSS。我做错了什么？

Answer 1

也许您应该尝试重置css，以便所有浏览器都以相同的默认值开始（如填充，边距等）。

您可以在此处找到css-reset和更多信息：http://meyerweb.com/eric/tools/css/reset/

编辑： 相关问题：https://stackoverflow.com/questions/116754/best-css-reset

Answer 2

这一行是闪存。

将body背景更改为白色，将.musicContainer更改为red。你会看到html没有失败。在我看来，这是一个像bug一样的闪光。

尝试在几个缩放上放大FF（我在5.0中测试过），也有相同的间隙。

Answer 3

我找不到您提供的网站上使用的css重置。它可能只是IE9显示不同元素（边距，填充等）的方式不同。我在IE9中尝试了提供的网站并没有看到问题，所以诊断起来有点困难。

Answer 4

我在IE9之前创建的网站上使用这种方法。

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />

让它成为头标记中的第一个元标记，IE9将像IE8一样，希望以相同的方式运行。

直到现在，它解决了我所有网站的所有问题。

享受

Answer 5

这与flash重绘有关。它在ie8中表现相同。尝试调整浏览器窗口宽度，您将看到它无法正确更新。

为什么不尝试像http://www.jplayer.org/这样的html5播放器？

Answer 6

也许尝试使用js检查浏览器并使用if语句中的js更改大小或位置。

w3学校有一个很好的浏览器检查教程。

http://www.w3schools.com/js/js_browser.asp