Crear un div que se centre en cualquier pantalla

[Abrahammuley]

Buenas dias,

Este es mi primer post a ver que tal!!!!!!

Me gustaria averiguar como puedo crear un div que se ajuste al centro de la pantalla verticalmente y horizontalmente.

La idea seria que el div tuviera por ejemplo 1300px X 650px pero que si alguien entra a la web con una resolucion de pantalla de 1200px X 850px que siga centrado y no que se alinie por la izquierda.

Ojala alguien pueda ayudarme ya que no se como hacerlo y me he vuelto loco buscando una solucion. El div centrarlo ya lo he conseguido, lo complicado es que se quede centrado con una pantalla pas pequeña

Muchas gracias

Abraham

[disolucion]

Hola buenos días, mira prueba así:

#div
{
width: anchoquequierapx;
height: altoquequierapX;
margin: 0 auto;
padding: 0 auto;
}

Un saludo y suerte, y creo que este mismo tema ha sido tratado muchas veces aquí :|

[a_gomez]

mira es muy facil intenta de las siguiente manera..

Código CSS:

# id_div{
margin-left:auto;
margin-right:auto;
}
 

y hay ya tienes el div en el centro de la pantalla
no es necesario que lo ajustes en top y bottom ...

pero si quieres inserta con margin-top:auto y margin-bottom:auto tambien ..

si te sirvio avisa .. :)

[orionjafe]

Ponga esto en el css

position: relative;
z-index:0;
width: loquequieradeanchopx;
margin: 0 auto;
padding: 0 0 0 0;
margin-top: 0px;

[ramonlopez24]

Hay muchas formas todas mas o menos correctas depende de la estructura de tu página.
A mi ultimamente me está dando más por meter los elementos que quiero centrar entre center:
<center>
<div class="mi clase"></div>
</center>
Pero lo que sería el div principal si lo lo centro desde los css (id por su puesto) como bien dicen por aqui con "margin: 0 auto;"

[caricatos]

Hola:

Iniciado por ramonlopez24

...A mi ultimamente me está dando más por meter los elementos que quiero centrar entre center...

Aunque se trate de una etiqueta válida, el uso de center está desaconsejado por la w3.org

Saludos