posicionamento de menu!

[dvdddd 0]

Opa :D

 

Depois de pesquisar no imasters e google, fiz meu layout liquido...ele ta quase 100%..faltam alguns ajustes no menu...

 

Meu menu apenas fica posicionado no lado esquerdo..eu gostaria de colocar ele no meio, pra quando fosse redimensionado a página, ele continuasse no meio daquela coluna...tentei com div e também não consegui...

 

Alguém pode me ajduar??

 

ai vai o código:

index.php

<tr>	<td> </td>	<td><div align="center"><?php include('menu.inc.php'); ?></div></td>  </tr>

menu.inc.php

<div id="nav">	   <ul>		 <li><a href="index.php">Home</a></li>		  <li><a href="#">Empresa</a> 			<ul> 			  <li><a href="#">História</a></li>					<li><a href="#">Equipe</a></li>			</ul>		  </li>		  <li><a href="#">Programas</a> 			<ul> 			  <li><a href="#">Curso1</a></li>			  <li><a href="progTrainee.php">J1 - Trainee</a></li>			  <li><a href="progWTravel.php">J1 - Work & Travel</a></li>			</ul>		  </li>		  <li><a href="#">Informações</a> 			<ul> 			  <li><a href="obtPassaporte.php">Obtenção de Passaporte</a></li>			  <li><a href="ortConsular.php">Orientação Consular</a></li>			  <li><a href="relDocs.php">Relação de Documentos</a></li>			</ul>		  </li>		  <li><a href="#">Localização</a></li>		  <li><a href="contato.php">Contato</a></li>	   </ul></div>

css

#nav  {	margin-left: 2px;	left: 4px;	float: left;	list-style: none;	background: #EEE;	padding: 0;	border: 0px solid #FFF;	color: #666;	 	font: bold 10px/14px Verdana, Arial, Helvetica, sans-serif;}#nav ul  {	float: left;	width: 540px;	list-style: none;	background: #EEE;	padding: 0;	border: 0px solid #FFF;	margin: 0 0 1em 0;	color: #666;	 	font: bold 10px/14px Verdana, Arial, Helvetica, sans-serif;}/* fonte e estilo do menu e submenu*/#nav a {	position: relative;	display: block;	width: 8em;			 	w\idth: 4em;			  	color: #7C6240;	text-decoration: none;	padding: 0.25em 1.55em;	color: #666;	font: bold 10px/14px Verdana, Arial, Helvetica, sans-serif;}#nav a:hover {	background: #CCC;}/* posicao dos botoes */#nav li {	float: left;	 /* posicao dos items de menu */  	padding: 0;	width: 8em;	 /* tamanho dos botoes do menu 'pai' */}/* esconde os submenus e define o tamanho do menu*/#nav li ul  {	position: absolute;	left: -999em;	height: auto;	width: 14.2em;	w\idth: 13.2em; 	font-weight: normal;	border-width: 1px; 	margin: 0;	background: #CCC;}/* define o tamanho do submenu*/#nav li li {	width: 13.2em;}#nav li ul a {	width: 13.2em;	w\idth: 9em; }#nav li ul ul {	margin: -1.75em 0 0 13.2em; }#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul, #nav li.sfhover ul ul ul ul ul {	left: -999em;}/*exibe os itens de submenu*/#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul, #nav li li li li li.sfhover ul  {	left: auto;	background: #EEE;}/*preenche o fundo inteiro dos botões qdo se passa o mouse em cima*/#nav li:hover, #nav li.sfhover {	background: #CCC; }

vlwww

 

[]'s

[Apokalypse 0]

já que você ta usando tabela, cria este css:

.centro {text-align: center;}

E usa:

<tr>	<td> </td>	<td class="centro"><?php include('menu.inc.php'); ?></td>  </tr>

[pa_bruno 0]

site em tabelas <_<

lembrando q aki eh para webstandards...

 

modificando o q o Apokalypse falow, naum utilize nomenclaturas d acordo com o valor no css, por exemplo, centro, centralizado, center... utilize de acordo com seu conteudo, por exemplo, alinhamentoMenu.

 

pois caso você queira posicionar seu menu na direita mais pra frente, você naum precisa mudar o nome da classe http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif