演示是http://www.divcss5.com/fanli/divcss%E4%B8%8B%E6%8B%89%E5%AF%BC%E8%88%AA%E8%8F%9C%E5%8D%95/
导航不错，但是不能居中，宽度也不能改，求高手帮忙改改，宽度改为980px，然后整体居中显示

1、首先设置
body { margin:0 auto; text-align:center; }

2、再设置1个BOX让他居中，包裹即可
如：.box{margin:0 auto; width:100%;}

3、包裹此导航条所有代码
<div class="box">导航条所有代码</div>
完成居中

看了下代码只需到ddsmoothmenu.css这个CSS文件里CSS代码修改
原来：.ddsmoothmenu {
        MARGIN: 0px auto; FONT: 12px Verdana; WIDTH: 730px
}
.ddsmoothmenu UL {
        PADDING-RIGHT: 0px; PADDING-LEFT: 0px;BACKGROUND: #2b9801;  Z-INDEX: 100; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}

改为
body{ margin:0 auto; text-align:center;}
.ddsmoothmenu {        MARGIN: 0px auto; FONT: 12px Verdana; width:700px;}
.ddsmoothmenu UL {        PADDING-RIGHT: 0px; PADDING-LEFT: 0px;BACKGROUND: #2b9801;  Z-INDEX: 100; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; width:100%;}

即可

[ 本帖最后由 css2010 于 2010-12-27 16:50 编辑 ]

额非常感谢你的回答， .ddsmoothmenu 宽度改为700px的确是居中了，不过我要的是980px的宽度，改成980就又靠左了

这个是由于导航条背景原因造成 不是居中，其实此导航条是居中的设置，你只需.ddsmoothmenu {        MARGIN: 0px auto; FONT: 12px Verdana; width:700px;}
里加入BACKGROUND: #2b9801;  背景颜色即可

按照二楼的方法，做了，居中了，但是我需要背景颜色部分宽度是980，然后我在box和ddsmoothmenu里面都加了BACKGROUND: #2b9801;  背景颜色，在IE6下面可以得到我要的效果，但是在谷歌浏览器下面就不行了，谷歌浏览器下面是有文字的部分才有背景，左右多出来的部分是空白的，给box和ddsmoothmenu都加了width，貌似这两个里面的width在谷歌浏览器里不管用

唔 CSS能搞定么，不行我加个表格得了 - -

CSS代码：
body{ margin:0 auto; text-align:center;}
.clear{ margin:0 auto; width:100%; height:1px; clear:both; margin-top:-1px; overflow:hidden;}
.ddsmoothmenu {
        MARGIN: 0 auto; FONT: 12px Verdana; WIDTH: 900px;BACKGROUND: #2b9801; clear:both;
}

HTML代码：在</ul>与</div>中间加个<div class="clear"> </div>
如下代码
</UL>
<div class="clear"> </div>
</DIV>
</body>
</html>

使用<div class="clear"> </div>清除浮动即可

非常感谢，搞定了用楼上的css加上二楼的box，