我正在创建的网站在 Chrome 和 Safari 中显示的首页与它在 Chrome 和 Safari 中应该做的完全一样,但是当我在 Firefox 中测试时,菜单显示不正确。
- 所有浏览器都是最新版本并且在 Mac 上。
这是分别比较 Firefox 和 Safari 的屏幕截图!
这是我用于菜单的css代码,请原谅。
nav {
width: 650px;
height: 220px;
margin: 10px auto;
}
nav ul {
list-style: none;
margin: 0 auto;
display: block;
}
nav ul li {
margin: 10px;
display: inline-block;
height: 100px;
line-height: 200px;
}
我尝试过不同的方法,但这会弄乱工作浏览器中的菜单。
根据请求,这是导航栏的 HTML 代码:
<nav>
<ul>
<li><h2><a href="#cykler.html">Cykler</a></h2></li>
<li><h2><a href="#service.html">Service</a></h2></li>
<li><a href="#index.html"><img src="images/logo.png" name="logo" alt="Søgaard Cykler" width="220" height="200"></a></li>
<li><h2><a href="#info.html">Info</a></h2></li>
<li><h2><a href="#kontakt.html">Kontakt</a></h2></li>
</ul>
</nav>
这是 jsfiddle 上的功能代码的链接:http: //jsfiddle.net/DaCqS/