我正在http://www.raven.dima.neoturbine.net/处有一个我正在处理的网页。顶部导航在IE 8,Firefox 3.6和Dolphin Browser for Android中“正确”呈现在站点徽标的右侧,而不是在Chrome 8或Android Mini的Opera Mini中,它在徽标的顶部呈现。奇怪的是,至少在Chrome中,当您第一次登陆网站后访问任何链接时,菜单会在访问网站期间进入正确的位置。
我对这个问题感到有点难过,因为我确信我没有使用任何有争议的CSS选择器。有人想把这个错误指向我吗?
编辑:修正。
答案 0 :(得分:0)
你有一些无关紧要的风格,似乎你只是把它们放在那里,没有特别的理由。 (也许与移动浏览器有关?)
由于某种原因,你的文件中有这个确切的CSS两次:
#header H1
{
padding: 10px 10px 30px;
display: inline;
float: left;
}
要在Firefox 和 Chrome(和IE8)中使用此功能,我删除了这些样式:
来自#header h1
:
display: inline
来自#nav ul
:
position: absolute
display: inline
然后,我添加到#nav ul
:float: left
。