如何在Drupal中心导航栏？

Question

我试图中心的相关网页上的导航：http://66.147.244.50/~schneie1/

然而，含有按钮的UL的DIV占据整个宽度，因此我不能这样做“text-align:center;”

这里的page.tpl.php和CSS文件：

<nav id="navigation" role="navigation" class="clearfix">  
    <?php if ($page['navigation']): ?> <!--if block in navigation region, override $main_menu and $secondary_menu--> 
     <?php print render($page['navigation']); ?> 
    <?php endif; ?> 
    <?php if (!$page['navigation']): ?> 
     <?php if ($main_menu): print $main_menu; 
     endif; ?> 
     <?php if ($secondary_menu): print $secondary_menu; 
     endif; ?> 
<?php endif; ?> 
</nav> <!-- /#navigation --> 

---

#navigation { 
    margin: 0 0 1.5em; 
    padding: 0; 
    width:auto; 
    margin-left:auto; 
    margin-right:auto; 
} 

#navigation ul.main-menu { 
    margin:0; 
    padding: 0; 
    display:block; 
    width:auto; 
} 

#navigation ul.main-menu li { 
    float: left; 
    margin: 0; 
    padding: 0; 
} 

提前感谢！

Answer 1

将#navigation的宽度从“auto”更改为一个值。自动意味着它将扩展屏幕的整个宽度，除非您已经将其包装在具有固定宽度的块级元素中。你需要一些你的“自动”参考。