📣 Seu anúncio aqui? Anuncie no ForoBeta

Centralizar DIV-preservar texto em web alinhado à esquerda

  • Autor Autor thealkaline
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
T

thealkaline

Dseda
Programador
Hola bueno mi consulta es sencilla, mi web (thefreebiers.com) el div llamado "main" es el que contiene todo el contenido del blog, este esta alineado a la izquierda por defecto, me gustaria alinearlo al centro ya que cuando alguien entra con resolucion grande se ve feo pegado a la izquierda he intentado ponerle "

<div id="main" align="center">"

pero todo el texto se centra, titulos, side bar todo el texto, al igual que si uso

#main { width:990px; margin:30px 5px 10px 5px; text-align:center} pasa lo mismo.

Alguien podria ayudarme con ésto, alguna solución para solo centrar el div sin que se mueva el texto que contiene :frown:
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Continuar com o Google Criar conta com e-mail
Leva 30 segundos · você volta a este tópico ao terminar
En las propiedade del CSS del div main tienes que poner que el margin top y bottom sean 0, left y right en auto... y eso te pone el div al centro

Seria mas o menos asi

#main{ margin:0 auto 0 auto; }
 
dianylou disse:
En las propiedade del CSS del div main tienes que poner que el margin top y bottom sean 0, left y right en auto... y eso te pone el div al centro

Seria mas o menos asi

#main{ margin:0 auto 0 auto; }
Clique para expandir...

Probé y nada solo se pego mas arriba pero no se centro 🙁.
 
Pruebale asi

#main {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
width: 900px; <---- este es el tamaño que le puse de ejemplo a mi div... para que puedas ver como se va al centro 🙂
}


saludos
 
dianylou disse:
En las propiedade del CSS del div main tienes que poner que el margin top y bottom sean 0, left y right en auto... y eso te pone el div al centro

Seria mas o menos asi

#main{ margin:0 auto 0 auto; }
Clique para expandir...

Hey le hice la modificacion que me indicaste pero al #wrapper no al main y funcionó 😀. Gracias. Dedito verde.
 
Otra forma es:

Inserir CODE, HTML ou PHP: 
#main {
 margin:0 auto;
 padding:0 auto;
}

Espero te sirva.
 
a lo que te dijo fabian rodriguez, agrégale display: block. quedaría algo así:

Inserir CODE, HTML ou PHP: 
#main {
margin: 0 auto;
padding: 0;
display: block;
}
 
Para que puedas centrar un div, debes especificar su ancho y usar lo que ya te dijeron:
Inserir CODE, HTML ou PHP: 
div#loquesea {
      margin: 0 auto;
      width: 900px;
}
 
puedes hacerlo como lo tienes al principio, y agrega al css, un

text-align:left;

Para que te alinie el texto a la izquierda
 
Você precisa estar logado ou cadastrado para responder aqui.
Voltar
Topo