Как расположить по центру?

@piv199 · Регистрация: 21.12.2012

Author24 — интернет-сервис помощи студентам

Html:

HTML5

<tr>
    <td colspan="3" align="center">
    <ul id="menu">
    <li><a href="http://localhost/shop/" >Главная</a></li>
    <li><a href="http://localhost/shop/news.php" >Новости</a></li>
    <li><a href="#" class="drop" >Магазин</a></li>
    <li><a href="#" class="drop" >Помощь</a>
    <div class="dropdown_1column">
                <div class="col_1">
                    <ul class="simple">
                        <li><a href="#">Тест 1</a></li>
                        <li><a href="#">Тест 2</a></li>
                        <li><a href="#">Тест 3</a></li>
                        <li><a href="#">Тест 4</a></li>
                        <li><a href="#">Тест 5</a></li>
                        <li><a href="#">Тест 6</a></li>
                        <li><a href="#">Тест 7</a></li>
                    </ul>   
                     
                </div>
               
    </li>
    <li><a href="http://localhost/shop/about.php" >О нас</a></li>
    <li><a href="http://localhost/shop/forum.php" >Форум</a></li>
    <li><a href="http://localhost/shop/contacts.php" >Контакты</a></li>
    </div>
</ul>
    </td>
  </tr>

CSS:

CSS

#menu {
    list-style:none;
 
    margin:0px 0px 0px -0.9%;
    height:43px;
    width:97.5%;
    padding:0px 2% 0px 2%;
 
    /* Rounded Corners */
    
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
 
    /* Background color and gradients */
    
    background: #014464;
    background: -moz-linear-gradient(top, #0272a7, #013953);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
    
    /* Borders */
    
    border: 1px solid #002232;
 
    -moz-box-shadow:inset 0px 0px 1px #edf9ff;
    -webkit-box-shadow:inset 0px 0px 1px #edf9ff;
    box-shadow:inset 0px 0px 1px #edf9ff;
 
}
 
#menu li {
    float:left;
    display:block;
    text-align:center;
    padding: 7px 12px 7px 12px;
    margin-right:30px;
    margin-top:5px;
    border:none;
    position: relative; 
}

А надо что бы пункты меню были по центру( учесть для всех разрешений экрана)... Запутался чет...

@maximus2011 · 29.12.2012, 18:28

Ну так заверните меню в блок и дайте ему в стилях

CSS

1	margin: 0 auto;

	29.12.2012, 18:28