css - CSS - Twitter 的 Bootstrap 2.x 与 Firefox 和 IE 的问题

Question

我目前正在开发一个使用 twitter Bootstrap 作为基础的网站。我使用 Chrome 进行开发，没有任何问题，但是当使用 Firefox 查看同一页面时，菜单和内容的位置很奇怪，好像没有空间一样。

你可以看看那里： http : //www.penthousemontreal.com/ http://penthousemontreal.com/collections/moderne/

什么可能导致麻烦？

Answer 1

更新

您在类（导航栏中的图像top: -100px;）上使用（相对位置）。.brand图像仍会在 FF / IE 的原始位置上占据空间。由于float:left;这些图像，您的内容漂浮在这个“空白空间”的右侧。可以在这里找到解决方案：CSS usingnegative relative position issue。将 top 替换为 margin-top：

.brand {
    margin-left: 20px !important;
    margin-top: -100px;
    position: relative;
  }

也许您的引导文件已更改/损坏。您从 wp-content/themes/MMS/style.css 导入 bootstrap/css/bootstrap.css（和 bootstrap-responsive.css），这似乎是 Bootstrap v2.3.2 版本。当我加载您的网站时//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css，问题已解决。看：