Alinhamento

[Worn 1]

olá tenho um site ele ta todo centralizado EXCETO o menu veja

 

veja eu com essa configuração esta alinhado a minha tela

 

 

CSS

 

 

 

 

*{

margin: 0px;

padding: 0px;

}

body{

background-color: #EBE249;

}

/* Configuração do topo */

header{

width: 100%;

height: 0px;

float: left;

background-color: #ececec;

}

header #topo{

width: 955px;

height: 153px;

margin: 0 auto;

}

#logo{

float: left;

margin-top: -30px;

}

/* Configuração do Menu*/

#menu{

width: 800px;

height: 50px;

float: left;

margin:0 auto;

background: #000;

box-shadow: 0px 2px 2px 2px #000;

position: absolute;

margin-left: 215px;

z-index: 9999;

border-radius: 5px 5px 4px 4px;

margin-top: 328px;

}

#menu nav{

width:800px;

height: 70px;

margin: 0 auto;

}

nav ul{

list-style: none;

margin: 0px;

padding: 0px;

}

#menu ul {

padding: 15px 12px 15px 15px;

margin:0 auto;

list-style:none;

text-align: center;

font-family: Tahoma;

font-size: 16px;

color: #000;

}

nav ul li{

width: auto;

height: auto;

display: inline;

float: left;

margin-left: 7px;

text-align: center;

font-family: Tahoma;

font-size: 16px;

color: #000;

}

#menu ul li { display: inline; margin:0 auto;

}

#menu ul li a {

margin:0 auto;

padding: 2px 10px;

display: inline-block;

/* visual do link */

color: #FFF;

text-decoration: none;

}

#menu ul li a:hover {

color: red;

margin:0 auto;

cursor: pointer;

}

 

 

 

 

HTML

 

 

 

 

 

<div id="menu">

<nav>

<ul>

<li><a href="index.php">HOME</a></li>

<li><a href="chegar.php">COMO CHEGAR</a></li>

<li><a href="#">CARDÁPIO</a></li>

<li><a href="#">EVENTOS</a></li>

<li><a href="#">BLOG</a></li>

<li><a href="#">PARCEIROS</a></li>

<li><a href="#">CONTATOS</a></li>

</ul>

</nav>

</div>

 

 

 

 

e na minha tela fica assim

 

 

 

 

 

 

agora em outras telas maiores que a minha fica assim

 

 

 

 

 

 

 

 

[Rogério Santana 172]

Por causa da margin-left da div menu

[Worn 1]

mais se eu tira o margin-left a minha tela fica desalinhada e o menu vai todo para a esquerda