[Resolvido] Div

[Go Back 0]

Galera...

 

Eu tenho uma div:

div#menu{ width:80%; }

 

E tenho um menu com UL.

 

Como faço pra deixar o UL no meio da Div...

Pq eu coloquei margin-left:20% no UL, funcionou na minha resolucao 1024...

Mas testei em um monitor 30 polegadas, ele nao fica no meio... entao eu nao posso delimitar o margin-left como 20%...

 

como faço isso ?

[GabrielFerrari 41]

div#menu{ width:80%; margin: 0 auto;}

 

 

:joia:

[Go Back 0]

Vou testar

 

Nao funcionou!! =\

 

div#menu {
   height:40px;
   width:80%;
   background:url(../images/main-bg.png) repeat-x;
   margin:0 auto;
}

div#menu ul {
   margin: 0;
   padding: 0;
   list-style: none;
   float: left;
}
div#menu ul.menu {
   padding-left: 30px;
}

 

<ul class="menu">
<li><a href="http://www.limpadoramatik.com.br" class="parent"><span>Página Inicial</span></a></li>
<li><a href="http://www.limpadoramatik.com.br/servicos/" class="parent"><span>Serviços</span></a></li>
<li><a href="http://www.limpadoramatik.com.br/galeria/"><span>Galeria de Fotos</span></a></li>
<li class="last"><a href="http://www.limpadoramatik.com.br/contato/"><span>Fale Conosco</span></a></li>
</ul>

[GabrielFerrari 41]

desculpe eu confundi

 

O margin: 0 auto; é no ul e não no div :angry:

[Go Back 0]

É só colocar um "auto" ali entao ?

 

Nao funcionou!! =\

[Evandro Oliveira 331]

O menu precisa ter uma largura definida, senão não funciona.

 

.menu { margin: 0 auto; width: 100px; }

[Go Back 0]

Nao tá indo ... que coisaa

deem uma olhada direto no site.

[William Bruno 1501]

que marcação estranha.

 

pq você precisa de um #menu e um .menu?

 

se você flutuar o .menu, você não vai conseguir centralizar ele com margin auto

[Go Back 0]

Não fui eu cara! uahsuhsauahs

Peguei do pacote do Menu em Jquery q eu baixei...

 

Nao entendo muito de CSS

Mas eu entendi o que você quis dizer... vou mudar pra ver

 

As vezes nao enxergo o que tá na minha frente;

Vou testar

[Go Back 0]

Nao deu certo.

[No Rain 0]

Como dito acima, o comando float left está impedindo o alinhamento centralizado da sua UL.

se você flutuar o .menu, você não vai conseguir centralizar ele com margin auto

 

Você também poe economizar na sua linha de código css. As tags declaradas para estilo ("div#menu ul", "div#menu ul.menu") são uma só.

 

 

div#menu {
   height:300px;
   width:800px; /* tamanho de exemplo */
   background: #0CC; /* cor de exemplo */
   margin:0 auto;
}

div#menu ul.menu  {
width:500px; /* tamanho de exemplo */
   margin: 0 auto;
   padding: 0;
/* float: left; - comando que impedia o alinhamento */
   list-style: none;
background-color:#09C; /* cor de exemplo */
}

 

<div id="menu">
<ul class="menu">
<li><a href="http://www.limpadoramatik.com.br" class="parent"><span>Página Inicial</span></a></li>
<li><a href="http://www.limpadoramatik.com.br/servicos/" class="parent"><span>Serviços</span></a></li>
<li><a href="http://www.limpadoramatik.com.br/galeria/"><span>Galeria de Fotos</span></a></li>
<li class="last"><a href="http://www.limpadoramatik.com.br/contato/"><span>Fale Conosco</span></a></li>
</ul>
</div>

[Go Back 0]

Vou testar, mas eu tirei o float:esquerda

 

haaa

agora vi o que eu estava errando

eu deixei o width do UL do mesmo tamanho da DIV do meio, por isso que nao tava alinhando no meio, na vdd estava, mas como era do mesmo tamanho nao funcionava..

 

vlw... pronto!