2013-09-26 146 views
0

我想修改Drupal的菜单包装类:page.tpl.phpCSS背景不能正常工作

<?php if ($main_menu): ?> 
     <div id="navigation-wrapper"> 
      <div id="navigation"> 

       <nav id="main-menu" role="navigation" tabindex="-1"> 
        <?php 
        // This code snippet is hard to modify. We recommend turning off the 
        // "Main menu" on your sub-theme's settings form, deleting this PHP 
        // code block, and, instead, using the "Menu block" module. 
        // @see https://drupal.org/project/menu_block 
        print theme('links__system_main_menu', array(
        'links' => $main_menu, 
        'attributes' => array(
         'class' => array('links', 'inline', 'clearfix'), 
        ), 
        'heading' => array(
         'text' => t('Main menu'), 
         'level' => 'h2', 
         'class' => array('element-invisible'), 
        ), 
       )); ?> 
       </nav> 


       <?php print render($page['navigation']); ?> 
      </div> 
     </div> 
     <?php endif; ?> 

而CSS是:

#navigation-wrapper{ 
    overflow:hidden; 
    width:100% 
    background:#ff6005; 

} 
#navigation{ 
    width:950px; 
    margin:0 auto; 
    background:#ff6005; 
} 
#navigation ul li 
{ 
    display:inline; 
    padding:5px 10px 6px 10px; 
} 

但我仅输出DIV产生的背景颜色navigation!我期待背景颜色覆盖全宽。我的CSS有什么问题>

回答

2
#navigation-wrapper{ 
    overflow:hidden; 
    width:100%; 
    background:#ff6005; 

您错过了宽度后的;

+0

:)谢谢吨 – Nitish

+0

没问题,你可以选择这个作为正确的答案,所以人们不会开始发送垃圾邮件这个话题,即使这是答案。 – Ruddy