alineacion de div´s:

webpro_lukas · #1 (**permalink**) 27/09/2006, 16:41

hola gente:
tengo una pregunta bastante estupido, resulta que yo tengo una div de tamaño "x", y quiero que esta en cualquier resolucion se vea centrada con respecto a la pantalla, osea en el medio, serian tan amables de decirme como hago

gracias,

chau,

Lukas

#2 (**permalink**) 27/09/2006, 18:18

A ver, el centrado horizontal es bastante fácil, basta con declararle como "auto" los márgenes laterales:

margin-left : auto;
margin-right : auto;

Pero el centrado vertical no es tan sencillo, requiere de un pequeño "truco":
Es necesario ponerle "position:absolute", luego especificar 'top:50%' y 'left:50%', esto ubicaría el vértice superior izquierdo en el punto central de la pantalla.
Para terminar de colocarlo en el medio, bastaría con darle a los márgenes superior e izquierdo la mitad de los valores de altura y ancho respectivamente.

Saludos.

webpro_lukas · #3 (**permalink**) 28/09/2006, 10:08

muchas gracias... pero no hay otra forma sin que a la div le de valor absolute?

#4 (**permalink**) 29/09/2006, 09:57

Para el centrado vertical no conozco otro método, para el centrado horizontal no es necesario darle 'position:absolute'

Saludos.