Quiero saber como puedo centrar un div dentro de otro div que se acomode segun la resolucion de la pantalla pero siempre quede centrado.
Como centrar unos divs dentro de otro div
Iniciado por
Jandro30
, mar 28 2014 00:05
#1 AUTOR PREGUNTA
Preguntas Similares
Esto también te interesa!
#2
Publicado 28 marzo 2014 - 00:19
Para centrar un div supongamos el siguiente ejemplo el div se centra mediante margin donde
asignamos el margen izquierdo y el derecho es automatico y el margen supoerior e inferior son cero.
<style type="text/css">
.contenedo {width:800px; height: 500px; text-align:center; background:#000}
.centrado {width:500; margin:0 auto 0 auto; background:#ccc}
</style>
<div class="contenedor" align="left">
<div class="centrado" align="left">
</div>
</div>
No hace falta que coloques "height" en el div "centrado" ya que lo tomara automático también.
asignamos el margen izquierdo y el derecho es automatico y el margen supoerior e inferior son cero.
<style type="text/css">
.contenedo {width:800px; height: 500px; text-align:center; background:#000}
.centrado {width:500; margin:0 auto 0 auto; background:#ccc}
</style>
<div class="contenedor" align="left">
<div class="centrado" align="left">
</div>
</div>
No hace falta que coloques "height" en el div "centrado" ya que lo tomara automático también.