Centre el contenido en la página usando CSS

Question

Estoy intentando crear una página de generación de oportunidades. Quiero centrar todo el contenido de la página en el centro cuando se muestre en cualquier tamaño de navegador.

intenté usar el centro de alineación vertical. Pero parece que no funciona.

¿Cuáles son las mejores prácticas para hacerlo?

http://play.mink7.com/h/mspre/

Answer 1

Si usted acaba de decir centrado entre los bordes izquierdo y derecho, se crea un elemento con un ancho fijo, y declaran margin: auto; en él.

Si desea centrar el elemento horizontal y verticalmente, colóquelo en la mitad de la página horizontal y verticalmente, y luego retírelo a la mitad del ancho y alto del elemento.

Por ejemplo:

.someElement { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    width: 200px; 
    height: 200px; 
    margin: -100px 0 0 -100px; 
} 

Answer 2

Aquí van:

http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

Answer 3

Para mí la mejor manera de hacerlo es hacer un div contenedor de ancho establecido. Normalmente elijo alrededor de 900px, ya que prácticamente todas las pantallas son más anchas que ahora. Luego centro div usando el margen automático.

#container { width: 900px; 
margin: 0px auto 0px auto; 
} 

Esto centrará el div. Bob es tu tio.
Si quieres, puedo publicar ejemplos de esto.

Mike