WebKit / KHTML / Opera浏览器(最初)在错误的地方渲染导航

时间:2011-01-30 22:28:46

标签: html css html5

我正在http://www.raven.dima.neoturbine.net/处有一个我正在处理的网页。顶部导航在IE 8,Firefox 3.6和Dolphin Browser for Android中“正确”呈现在站点徽标的右侧,而不是在Chrome 8或Android Mini的Opera Mini中,它在徽标的顶部呈现。奇怪的是,至少在Chrome中,当您第一次登陆网站后访问任何链接时,菜单会在访问网站期间进入正确的位置。

我对这个问题感到有点难过,因为我确信我没有使用任何有争议的CSS选择器。有人想把这个错误指向我吗?

编辑:修正。

1 个答案:

答案 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 ulfloat: left