11 replies to this topic

[Josy]

Na minha página tem uma div, queria saber como centralizar ela na página... align center ou coisa do tipo.

<div id="menu" style="top: 160px; z-index: 0">
<?
scrip php
?>
</div>

[Andreia Regina]

Oi!

Tenta acrescentar estas definições na css:

	margin-left: auto;
	margin-right: auto;

[dbl]

Seria issu?

<div align="center" id="menu" style="top: 160px; z-index: 0">
<?
scrip php
?>
</div>

T+

[Josy]

Vou postar o código css, tentei das duas formas q colocaram aqui mas nao deu certo:

<style type="text/css">
<!--
body
{
font: normal 12px Lucida Sans Unicode;
}

dl, dt, dd, ul, li
{
margin: 0;
padding: 0;
list-style-type: none;
}

#menu
{
position: absolute; /* deixa os menus fixos */
top: 0;
left: 0;
z-index:100;
width: 100%;
}

#menu dl
{
text-align: center;
float: left;
width: 7em; /* largura dos menus e submenus */
margin: 0px; /* distância dos menus entre si */
overflow: auto;
height: 300px; /* tamanho barra de rolagem */
}



#menu dt /* MENU */
{
padding-top: 12px; /* espaço de cima do menu */
height: 20px;
color: #777; /* letras cinza */
cursor: pointer;
text-align: center;
font-weight: bold; /* tipo letra menu negrito*/
background: #fff;
border: 1px solid #ccc; /* borda menu */
height: 32px; /* altura do menu */
}

#menu li
{
font: normal 8px Lucida Sans Unicode; /* letras sub menus */
border: 1px;
text-align: center;
background: #fff;
height: 15px; /* altura sub menu */
}

#menu li a, #menu dt a
{
padding-top: 5px;
color: #777; /* letras cinza sub menu */
text-decoration: none;
display: block;
height: 100%;
border-bottom: 1px solid #ccc; /* borda inferior */
border-left: 1px solid #ccc; /* borda esquerda */
border-right: 1px solid #ccc; /* borda direita */
}

#menu li a:hover, #menu dt :hover
{
color: #E2144A;
background: #f9f9f9;
}

#site
{
position: absolute;
z-index: 1;
top : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}

a
{
text-decoration: none;
color: gray;
color: #222;
}
-->
</style>

[brunoalves]

No container do DIV, acrescente


text-align: center;

[Everton Silveira]

olá,

oq pode resolver esta questão seria incluir/alterar a propriedade float para center

no meu caso deu certo

meu css ficou assim:

#menu ul li a {
padding: 2px 10px;
float: center; /* centralizou menu */

[Alex Hiroshi]

O tópico já é um pouco velho, mas agradecemos a sua colaboração. Porém, o float não tem o center como valor, apenas left, right e none. Para centralizar, um text-align resolve ou, em alguns casos, definindo o valor dos margin laterais como auto.

[Fonor]

Olá amigo, tive a mesma dúvida a pouco tempo e estudei diversas técnicas para centralzar a div a melhor que eu econtrei esta neste site:

http://www.ogenial.c...al-e-horizontal


Testei e funcionou perfeitamente, parabéns.

[LarPhozyHah]

Viagra 50 Mg France Lowest Price Tadalis Sx Soft cialis Discount Pharmasupport Levitra Belgien Kaufen Can Keflex Cure Syphilis
buy accutane online fast delivery Celexa No Prescription Us Pharmacy Cialis 20 Mg Walmart Price viagra Cialis 10 Mg Ohne Rezept Viagra Generikum Potenzmittel Buy Viagra No Prescription
What Std'S Are Treated With Cephalexin Cephalexin Free Full Text Journal Drugsbroker can you get levitra cheap Discount Generic Dutasteride Real

[LarPhozyHah]

Buy 25mg Viagra Online Methotrexate Cost Without Insurance brand levitra online Will Doxycycline Thin Blod No Prescription World Select Pharmacy Review
Levitra Tariffe In Farmacia Where Can Find Cabergoline 0 25 Priligy Rezeptfrei Kaufen viagra online Pharmacy Stores In Canada Cheap Brand Cialis Online Cialis Acquistp
Keflex Milk Where To Order Pyridium Geridium No Rx Lilly Cialis 10mg Et 20mg buy viagra online Nemazole Without Prescription
Viagra Livraison En 24h Buy 5mg Cialis Online cialis Sertralina De 50 Mg Where Can I Buy Cephalexin Food

[LarPhozyHah]

Comprare Cialis Online Originale Sildalis For Sale Online Pharmacy online pharmacy Priligy Precio 60 Mg Over The Counter Alternative To Septra Apcalis Tablets Online
Acquistare Kamagra Harbour generic levitra Amoxicillin 500 Mg For Dogs Cephalexin Kill Coccidia Cytotec Posologie
Discount Nexium Coupons buy viagra Viagra Pour Homme En Pharmacie Amoxil Clavula Side Effects Precio Cialis Tabletas
Cialis 20mg 12 St Preisvergleich Amoxil 20mg Pas Cher viagra Iv Zithromax

[RonsisM]

Cephalexin 500mg Problems Paroxetine 20mg No Prescription viagra Viagra 800mg Reviews