【发布时间】：2014-05-21 23:34:18
【问题描述】：
这里比较新手。我竭尽全力想弄清楚为什么我的网站在 Safari 中可以运行，但在 Firefox 中却不行。我的火狐浏览器是最新的。就好像 Firefox 完全忽略了 CSS 样式设置。我确信解决方案非常简单，但由于我一直盯着它看这么久，我确信我忽略了它。
这里是 HTML：
<body>
<div class="container">
<article>
<h1>//Onagus</h1>
<p>Hallo and welcome to my site which is always a work in progress. I am using this site to showcase my web development skills as well as my other creative projects. Feel free to poke around and get a feel for what falls into my range of interest and experience.</p>
</article>
<div class="windowContainer">
<div class="windowLine1"</div>
<div class="content">
<h3>News</h3>
<p>Sample Text</p>
<p><a class="cta" href="">Visit our blog</a></p>
</div>
<div class="windowLine1"</div>
<div class="content">
<h3>Visuals Blog</h3>
<p>Sample Text</p>
<p><a class="cta" href="">Read the article</a></p>
</div>
<div class="windowLine1"</div>
<div class="content">
<h3>Media: Sound</h3>
<p>Sample Text</p>
<p><a class="cta" href="">Learn more</a></p>
</div>
<div class="windowLine2"</div>
<div class="content">
<h3>Media: Video</h3>
<p>Sample Text</p>
<p><a class="cta" href="">Learn more</a></p>
</div>
</div>
<nav>
<a href="#">About</a>
<a href="#">Music</a>
<a href="#">Portfolio</a>
<a href="#">Gallery</a>
</nav>
<footer>
© Onagus 2014
</footer>
</div>
</body>
</html>
这里是 CSS ：
@charset "UTF-8";
body {
background: #fceecb;
color: #e6eed9;
}
.container {
max-width: 1000px;
height: 800px;
margin: 0px, auto, 0px, auto;
border: none;
padding: 0px;
background: url(../images/cabbitHouse1.jpg) #381f1a;
}
【问题讨论】：
-
什么不起作用？你在期待什么？请您用您的代码创建一个 jsfiddle，以便更快、更轻松地为您提供帮助？
-
您的 div 格式不正确。而且...设置 DOCTYPE 可能是有益的。它最初可能会破坏您的页面，但请转到此链接以检查您的标记和解决方案是否存在问题！ validator.w3.org
-
感谢您的意见。我将尝试 jsfiddle 并稍后重新发布。我看到 div 现在没有正确关闭.. 谢谢你们！
-
好的...所以我厌倦了关闭 div 并且没有用。然后我发现在 css 文件中，type="text/css" 错误地完成了......我输入了 'txt' 而不是 'text' 所以我改变了它，现在它可以工作了！ www.onagus.net/about.html 我如此如释重负！！
标签： html css firefox stylesheet mozilla