导航将无法正确对齐

Question

我花了好几个小时试图做到这一点，但它对我不起作用....正如你在图片中看到的那样：

导航不对。也许你可以帮帮我？该网站是http://elektrikhost.com ....我使用了火狐前面的Web开发扩展指南...我不知道为什么它对我不起作用....继承人CSS：< / p>

    nav { background: #282828 url(../images/nav-bg.png) repeat-x; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; margin: 24px auto;  width: 822px; }
nav ul { padding: 13px 0;  }
nav ul li { background: url(../images/nav-sep.jpg) left center no-repeat; display: inline; padding: 0 39px; margin: 0 auto;  }
nav ul li:first-of-type { background: none; }
nav ul li:last-of-type { /*background: url(../images/ref2.png)*/ no-repeat right bottom; margin: 10px 0 0 0; }
nav ul li a { color: #626262; font: 1.2em Arial, Helvetica, serif; }
nav ul li a:hover { color: #dfdfdf; }

感谢您的帮助......

Answer 1

在firebug中将float:right;添加到nav确实帮助我将其移至右侧。这是你想要的吗？

Answer 2

#main-wrap宽度为897px，nav宽度为822px，margin : 24px auto。因此，“额外”75px正在分发并导致问题。也可以使nav 897px宽，或相应地调整边距。

使用HTML5元素的重点是更加语义化。如果你决定使用它们，那就一直走掉<div>并使用<section>代替。要使IE支持HTML5元素，请尝试使用这些链接

http://remysharp.com/2009/01/07/html5-enabling-script/

http://html5doctor.com/how-to-get-html5-working-in-ie-and-firefox-2/

希望这会有所帮助。

Answer 3

你的风格是：

.plan-wrap
{
margin: 0px 0px 0px 3px;
width: 897px;
}

我的就是这个，它对我来说很好：

.plan-wrap
{
margin: 0px 0px 0px 10px;
width: 897px;
}

这是你需要的吗？

Answer 4

您可能想要重新考虑内容的包装器。也许包括导航和计划在一起并使它们的宽度为100％。