Centrar div dentro de otro div

[pakman]

¿Cómo puedo centrar horizontalmente un div dentro de otro div? si es de un tamaño fijo pues se puede jugar un poco con las propiedades, pero si el tamaño no es fijo, ¿no hay forma de hacerlo?

[Finseneu]

"text-align: center" no sirve?

[fearlex]

Exacto, text-align: center; al div de afuera.

[pakman]

En IE si se centra con "text-align:center" pero en Firefox no, alguna solución

[Finseneu]

Funciona perfecto en Firefox.

[AlZuwaga]

Iniciado por pakman

¿Cómo puedo centrar horizontalmente un div dentro de otro div? si es de un tamaño fijo pues se puede jugar un poco con las propiedades, pero si el tamaño no es fijo, ¿no hay forma de hacerlo?

¿A qué te referís con tamaño fijo?
¿A que sea una medida en pixeles o a que tenga un tamaño (width) establecido?

Esto te lo centra:

Código:

#contenedor {
background-color: #009900;
height: 100px;
}
#contenido {
background-color: #FF9900;
height: 50px;
margin: auto;
width: 50%; /* probá una medida en px si querés */
}

<div id="contenedor">
  <div id="contenido"></div>
</div>

Ahora... si no le ponés un width, no lo podés centrar porque va a tomar como anchura el 100% del div contenedor.

[pakman]

Gracias por la ayuda pero ya está solucionado. Comentar que con "text-align: center" en Firefox 2 no funciona, para centrar un div dentro de otro div pues hice lo más lógico, y que no había pensado, "margin: 0 auto".

#continente {
margin: 0 auto;
width: 748px;
border: solid 1px #000;
background-color:#FF0099;
}
#contenido {
background-color:#FFFFCC;
margin: 0 auto;
width: 700px;
border: solid 1px #878787;
}

<div id="continente">
<div id="contenido">
</div>
</div>

[Finseneu]

A mi en Firefox 2 me funciona lo mas bien, fijate que la propiedad va en el div de afuera como te dijeron antes.

[rtr]

estupendo pakman , llevaba tiempo buscando la solucion...

[jomaruro]

Hola:

Enhorabuena rtr, sólo te ha llevado casi tres años encontrar la solución . Fíjate en la fecha del tema y no despiertes, como dice kseso?, a los Balrog de Moria.

Saludos.

[Nitemare]

No está mal el reflote... no...

de todas formas eso SOLO funciona si el contenido tiene un "width" fijo, como bien dicen, si no tiene width fijo (sino que se calcula de acuerdo al ancho de los elementos), no hay centrado ninguno... y ese es mi caso, que no puedo poner un "width" al contenido porque puede (y va a) variar de forma dinámica.

[renteria]

hola soy novato con esto y queria saber como centro un div dentro de otro div pero verticalmente. quiero poner mi formulario que esta contenido por un div en el centro de otro div

saludos

[alexk]

renteria
no revivas temas antiguos... revisa las faqs... y si no encuentras crea un nuevo tema con tu problema... pero en las Faqs seguro esta usa el buscador tambien

[renteria]

Iniciado por alexk

renteria
no revivas temas antiguos... revisa las faqs... y si no encuentras crea un nuevo tema con tu problema... pero en las Faqs seguro esta usa el buscador tambien

he revisado las faqs y no lo encuentro, es que como dije en mi anterior post soy novato y no se mucho de codigos y me confunde un poco.

tengo una etiqueta div y dentro de esa tengo otra que contiene a mi formulario, entonces quiero centrar verticalemente esta etiqueta pero no puedo
horizontalmente lo he hecho poniendo width: 80% y margin left y rigth en 10% pero cuando quiero hacer lo mismo con heigth y bottom y top se desplaza la etiqueta primera tambien osea se desplazan ambas etiquetas y yo solo quiero que se desplaze la que este adentro, por favor si alguien puede ayudarme y no ser el sheriff del foro yendose a temas triviales.

gracias

[alexk]

sino encuentras en las faqs pues crea un tema nuevo cocn tu problema detallado

[pcexpansion]

Utiliza margin-left y margin-right en auto

[jomaruro]

Hola:

Iniciado por pcexpansion

Utiliza margin-left y margin-right en auto

¿Así centras tú un div verticalmente? Mejor manten la boquita cerrada y no confundas a los que preguntan.

Para centrado vertical consultar este enlace.

Saludos.

[renteria]

Iniciado por jomaruro

Hola:



¿Así centras tú un div verticalmente? Mejor manten la boquita cerrada y no confundas a los que preguntan.

Para centrado vertical consultar [URL="http://www.csslab.cl/2007/01/12/centrado-vertical-con-css/"]este enlace.[/URL]

Saludos.

ufff tío te pasaste!!! esto me va ayudar mucho, ahora me pongo a leerlo y luego les cuento. gracias una vez más!!!

[jomaruro]

Hola:

Iniciado por renteria

ufff tío te pasaste!!! esto me va ayudar mucho, ahora me pongo a leerlo y luego les cuento. gracias una vez más!!!

Me alegro que te sirva.

Saludos.

[renteria]

pues nada no me sale, pero voy a intentarlo con mas detenimiento el fin de semana

[lian_diaz]

pues si quieren centrar un div dentro de otro div tienes que que hacer algo asi

<div class="contenedor" align="center">

div class="contenido"></div>

</div>


si quieres alinear divs pues haslo desde donde estan los divs para las propiedades dentro de esos divs pues usa las clases css seria mejor y funciona

[diegoazh]

Excelente, a mi tampoco me funcionaba el <div class="contenedor" align="center"> ni el "text-align: center" en firefox, puse el "margin: 0 auto;" y funciono a la perfección se centro a la perfección en firefox.