帮助查找FireFox中的CSS问题_Css_Firefox_Google Chrome

帮助查找FireFox中的CSS问题

css firefox google-chrome

帮助查找FireFox中的CSS问题,css,firefox,google-chrome,Css,Firefox,Google Chrome,我有一个正在处理的页面，该页面具有以下HTML标记： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>TileTabs</title> <link rel="stylesheet" href="css/style.css" type="text/css"> <link rel="s

我有一个正在处理的页面，该页面具有以下HTML标记：

<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="utf-8">
    <title>TileTabs</title>

    <link rel="stylesheet" href="css/style.css" type="text/css">
    <link rel="stylesheet" href="css/veramono.css" type="text/css">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
    <script src="js/element_sequentials.js"></script>
</head>
<body>
    <header>
        <h1>
            TileTabs.com
        </h1>
    </header>

    <div id="content">
        <ul>
            <li>
                <img src="images/sites/truncated/google_trunc.png" />
            </li>
            <li>
                <img src="images/sites/truncated/google_trunc.png" />
            </li>
            <li>
                <img src="images/sites/truncated/google_trunc.png" />
            </li>
            <li>
                <img src="images/sites/truncated/google_trunc.png" />
            </li>
        </ul>
    </div>

    <footer>
        <a href="index.html">Home</a> | <a href="about.html">About</a> | <a href="contact.html">Contact</a>
    </footer>
</body>
</html>

veramano.css：

@font-face {
    font-family: 'BitstreamVeraSansMonoRoman';
    src: url('veramono-webfont.eot');
    src: local('☺'), url('veramono-webfont.woff') format('woff'), url('veramono-webfont.ttf') format('truetype'), url('veramono-webfont.svg#webfonttPkD6dqa') format('svg');
    font-weight: normal;
    font-style: normal;
}

出于某种原因，FireFox中的一切看起来都很糟糕，但Chrome中却不是。我在运行MacOSX，我看到有时候这很重要

我正在尝试为你们上传这个直播，对于暂时的不便，我深表歉意

谢谢

通过添加

显示：块来固定
在页脚的css中 非常感谢！它可以修复页眉和页脚元素。我相信这是非常基本的，但你能解释一下为什么这是必要的吗？在HTML5中，这些类型的元素称为块级元素，它们需要显示：块
@font-face {
    font-family: 'BitstreamVeraSansMonoRoman';
    src: url('veramono-webfont.eot');
    src: local('☺'), url('veramono-webfont.woff') format('woff'), url('veramono-webfont.ttf') format('truetype'), url('veramono-webfont.svg#webfonttPkD6dqa') format('svg');
    font-weight: normal;
    font-style: normal;
}