Centrar capa en horizontal y en vertical

Vamos a centrar una capa horizontal y verticalmente. Es un truco muy útil para cuando queramos situar, por ejemplo, el formulario de logueo de nuestra web y queremos que esté centrado totalmente en la página. Además, siempre aparecerá centrada según se redimensiona la ventana.

Y el código html sería:

Podeis ver un ejemplo y el código completo en:
http://www.infinitywebdesign.com/research/cssverticalcentereddiv.htm

Compártelo

También te puede interesar...

Comentarios

  • No_avatar_thumb

    gandy - 26/09/2008 08:15:31

    Hola , muy buen aporte, solo sabia centrar horizontalmente, pero ahora ya se como hacerlo verticalmente. gracias.

  • No_avatar_thumb

    gerardogt - 30/09/2008 15:55:34

    en algun proyecto que hice para centrar divs dentro de una pagina, lo que hacia era crear un div mayor que contenia uno de dimenciones menores, el div menor tenia margenes quue lo hacia centrarse en horizontal y vertical, es como si adentro de una caja hubiera una cajita con brazos en sus 4 lados que empujaban igual y quedaba centrado, aunque esta se ve mas elegante

  • Avatar_98_thumb

    _SxR_ - 02/10/2008 04:43:07

    Está bien, aunque para central horzizontalmente yo te recomiendo utilizar en el css:

    • margin-left: auto;

    con lo que se centrará sin poroblemas, lo que ya no se es si utilizar:

    • margin-top: auto;

    centrará la capa verticalmente, no lo he probado todavía. Siempre puedes probar:

    • margin:auto;

Escribe un comentario

Tienes que estar registrado para poder dejar comentarios.
Accede a tu cuenta o regístrate en NotasWeb.com.
Avatar_1 jonseg
en el Ranking


Artículos más vistos del usuario

Últimos artículos del usuario