Firefox 和资源管理器的 css 和引导错误答案

【问题标题】：css and bootstrap errors with Firefox and ExplorerFirefox 和资源管理器的 css 和引导错误
【发布时间】：2014-04-09 13:47:54
【问题描述】：

我有这个使用引导程序的网站。它是使用 Chrome 开发的用于测试（我的疏忽）我不明白为什么在 Firefox 中，即这非常糟糕！有人可以给我一些指导，说明我必须在我的 css 中进行哪些更改以使网站与每个浏览器都兼容？

例如：

顶部的菜单不可见（无背景图片）且未修复
“Presentazioni”之类的标题不在页面中间
“Presentazioni”和“La Famiglia”段落中的图片太大 --> 解决了放置而不是
```
 <img src="..." width="100px;">
 <img src="..." style="width: 100px;">
```
所有文本都不在页面中间
底部的菜单完全不同

有什么工具可以用来查找与firefox和ie不兼容的css属性吗？

【问题讨论】：

它到底有什么问题？对正在发生的事情更具描述性
@Snappapapa：已编辑 :)
我注意到了，您使用的是 Bootstrap v2 CSS 和 v3 JS。选择一个。
这很可能是你的问题
@azeós 我试过了，但还是不行……

标签： css internet-explorer twitter-bootstrap firefox cross-browser

【解决方案1】：

您的主要问题出在您的themes/css/style.css 文件中。第 23 行：

h1{padding: 0 0 44px; font-weight: 200;font-size: 64px;line-height: 56px;color: #464646;margin: 0;font-family: 'font-family: 'Special Elite';text-rendering: optimizelegibility; text-transform: uppercase;}

font-family 重复两次，在第二个font-family 之前有一个单引号，这就是对整个代码的注释。纠正一下，让我们看看会发生什么，我无法尝试。

无论如何，你应该用这个替换你的导航栏代码：

<div class="navbar navbar-fixed-top" id="headerSection">
    <div class="navbar-inner" style="background: url(imm/parquet.jpg);background-color: grey; background-repeat: no-repeat; border-bottom: 1px solid #dedede; padding: 8px 0 0;">
        <div class="container">
            <button type="button" class="btn btn-navbar" data-target=".nav-collapse" data-toggle="collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <!-- h1 class="brand cntr">TEVAD</h1-->
            <div class="nav-collapse collapse" style="height: 0px;">
                <ul class="nav">
                    <li class="active"><a href="#Home">Home</a></li>
                    <li><a href="#ChiSono">Presentazioni</a></li>
                    <li><a href="#Prodotti">La Famiglia</a></li>
                    <li><a href="#carouselSection">Gallery</a></li>
                    <li><a href="#VideoGallery">Video</a></li>
                    <li><a href="#Contatti">Contatti</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

尝试删除内联样式并在 css 文件中定义它们。不要从 css 文件中修复导航栏，而是使用 .navbar-fixed-top 类。阅读引导文档，您没有使用正确的结构或正确的类：Bootstrap navbar。

【讨论】：