Centrar un DIV sin centrar el texto

thealkaline · 9 Jul 2010

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:

dianylou · 9 Jul 2010

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; }

thealkaline · 9 Jul 2010

dianylou dijo:
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; }

Probé y nada solo se pego mas arriba pero no se centro

.

dianylou · 9 Jul 2010

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

thealkaline · 9 Jul 2010

dianylou dijo:
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; }

Hey le hice la modificacion que me indicaste pero al #wrapper no al main y funcionó

. Gracias. Dedito verde.

Fabián Rodríguez · 9 Jul 2010

Otra forma es:

Insertar CODE, HTML o PHP:

#main {
 margin:0 auto;
 padding:0 auto;
}

Espero te sirva.

Nachitox · 9 Jul 2010

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

Insertar CODE, HTML o PHP:

#main {
margin: 0 auto;
padding: 0;
display: block;
}

Alan Medina · 10 Jul 2010

Para que puedas centrar un div, debes especificar su ancho y usar lo que ya te dijeron:

Insertar CODE, HTML o PHP:

div#loquesea {
      margin: 0 auto;
      width: 900px;
}

Angel Ortega · 10 Jul 2010

puedes hacerlo como lo tienes al principio, y agrega al css, un

text-align:left;

Para que te alinie el texto a la izquierda