0

我有一个以导航 div 为中心的 CSS 问题,并且尝试了互联网上的许多方法,但都是徒劳的。

该网站的链接是:http ://trendgfx.com/projects/comet-tavern/

我现在已经将它设置为我的分辨率(1280x1024)的中心,但我不知道该怎么做才能自动居中!我试过最流行的方法:

div {
    margin: 0 auto;
    text-align: center;
}

我也试过另一种方法:

div {
    width: 960px;
    margin-left: 50%;
    margin-right: 50%;
}

我还尝试了另一种“皱眉”的方法:

<center>[nav goes here]</center>

没有用,很奇怪。我知道它在 HTML5 中已经死了,但我希望它能解决问题!我真的需要在 7 月 28 日之前完成这个项目,所以请帮助我,StackOverflow 的大神们!:)

非常感谢!

4

2 回答 2

1

我注意到你有以下CSS:

#navigation {
    clear: both;
    left: 275px;
    margin: 0 auto;
    position: absolute;
    text-align: center;
}

绝对定位可能会让您感到困惑,请尝试使用相对定位:

#navigation {
    clear: both;
    left: 0;
    margin: 0 auto;
    position: relative;
    text-align: center;
}
于 2012-07-27T12:03:15.403 回答
1

这对我有用:

#navigation {
    margin: 0 auto;
}

position: absolute;搞砸了

于 2012-07-27T12:03:20.120 回答