Php CSS中心问题

我的网站有问题，我目前正试图重新设计它

网站：

这是我的css

style power.css

/* main body style */
body {
background: #c7ff9a;
color: #000000;
font-family: Tahoma, Verdana, sans-serif;
font-size: 12px;
margin: auto;
text-align:center;
}

.container {
width:1800px;
}

.bodycentre {
text-align: center;
width:1300px;
vertical-align:middle;
margin-left:40px;
margin-right:40px;
font-family: Tahoma, Verdana, sans-serif;
}

.header {
text-align:center;
vertical-align:middle;
background:url(../images/powerplay.png) center top no-repeat;
height:150px;
width:1300px;
margin: -10px 0 0 0;
border-bottom:2px solid #ddd;
border-left:2px solid #ddd;
border-right:2px solid #ddd;
box-shadow: 0 0 6px #000;
-moz-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px #000;
padding: 4px 10px 4px 15px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

.menu {
position:relative;
float:left;
z-index:5001;
width:190px;
height:215px;
margin: 0 0 0 -305px;
border: 2px solid #ddd;
box-shadow: 0 0 6px #000;
-moz-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px #000;
padding: 4px 10px 4px 15px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

.footer {
text-align: center;
vertical-align:baseline;
position: relative;
width:1300px;
}

问题是，当你转到.menu div上面的链接时，我已经摆弄了css，但它就是不居中。同样，当它成为中心时，我也遇到了一个问题，当您使用java脚本缩放时，菜单是屏幕的一部分，您无法滚动到它

这是索引页的代码：

<link rel="stylesheet" type="text/css" media="screen" href="../styles/style-power.css" />
<div class="container">
<div class="header"></div>
<br />
<br />
<div class="menu">
<ul id="nav">
  <p align="left"><strong>Power Play Pro Shop</strong></p>
  <li><a href="/?module=power-play&n=index" title="Home">Home</a></li><br />
  <li><a href="#"><strong>Deals</strong></a><ul>
  <li><a href="/?module=power-play&n=balls" title="Balls">Balls</a></li>
  <li><a href="/?module=power-play&n=bags" title="Bags">Bags</a></li>
  <li><a href="#">Shoes</a></li>
  <li><a href="/?module=power-play&n=Combos" title="Combos">Combos</a></li>
  </ul></li>  
<br>
  <li><a href="/" title="Doubles Home">Doubles Home</a></li><br>
<li><a href="/?module=admin&n=index" title="Admin">Admin Login</a></li></ul>
</div>
<div class="bodycentre">
  <h3>Power Play Pro Shop</h3>
  <p>&nbsp;</p>
  <h1>Deals</h1>
  <p>Special Deals for the Bowlplex Doubles 2011</p>
  <p><a href="/?module=power-play&n=balls" title="Balls">Balls</a></p>
  <p><a href="/?module=power-play&n=bags" title="Bags">Bags</a></p>
  <p>Shoes</p>
  <p><a href="/?module=power-play&n=Combos" title="Combos">Combos</a></p>
  <p>&nbsp;</p>
  <h2>Staff</h2>
  <p><img src="../images/players_8_1.jpg" alt="Steve Thornton" width="150" height="200" border="1" /></p>
  <p><strong>Steve Thornton</strong></p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>For Admin Access <a href="/?module=admin&n=login" title="Admin">Click Here</a></p>
</div>
<br />
<div class="footer">
<p>© 2011 David Passmore (David Passmore Web Development)<a href="http://www.powerplayproshop.com"></a></p>
</div>
</div>

电动游戏专业商店














强力游戏专卖店

交易
2011年保龄球双打特别优惠



鞋



工作人员

Steve Thornton



用于管理员访问



©2011 David Passmore（David Passmore网站开发）

任何帮助都将不胜感激

谢谢大家

将其放入CSS中：

.container > *{margin:0 auto}

还有一些其他问题<代码>元，

链接

和IE代码应该在

头部

，而不是

正文

，将其放入CSS中：

.container > *{margin:0 auto}

还有一些其他问题<代码>元，

链接

和IE的代码应该在

头部

，而不是

正文

，试试看

.menu {
    position:relative;

    z-index:5001;
    width:190px;
    height:215px;
    margin:0 auto;
    border: 2px solid #ddd;
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    padding: 4px 10px 4px 15px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

只需删除

float:left和
边距：0自动
我不知道你为什么被放在浮球上，但我用了你的小提琴链接。菜单进入页面中央。
尝试

.menu {
    position:relative;

    z-index:5001;
    width:190px;
    height:215px;
    margin:0 auto;
    border: 2px solid #ddd;
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    padding: 4px 10px 4px 15px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

只需删除
float:left和
边距：0自动
我不知道你为什么被放在浮球上，但我用了你的小提琴链接。菜单进入页面中心。
将此放入一个，这样我们就可以“摆弄”它。更新的js和css jsfiddle.net/kdGU5/2将此放入一个，这样我们就可以“摆弄”它。更新的js和css jsfiddle.net/kdGU5/2这是我讨论过的问题，我不想在内容中使用它，所以如果我删除它，它会显示出来，但结果是不希望看到的，抱歉。我改变了我的答案。这是我讨论过的问题，我不想在内容中使用它，所以如果我删除它，它会显示出来，但结果是不想要的。哦，对不起。我改变了答案。