Asier Marqués

Hablando sobre tecnologías web y otras cosas que me interesan
Archivado como CSS, Desarrollo Web

Este es un post que he rescatado de mi antiguo blog enrackados.com. Decía lo siguiente:

Para centrar en la página tanto en altura como en anchura una tabla o una capa y que se mantenga centrada si la ventana de nuestro navegador se maximiza,contrae o simplemente se quiere mostrar centrada en cualquier tipo de resolución de pantalla, debemos usar el siguiente código.

position: absolute;

top:50%;
left:50%;

width:760px;
/*la mitad de la anchura de la capa o tabla principal*/

margin-left:-380px;
/*Alto de tabla o capa principal*/

height:370px;
/*la mitad de la altura de la capa o tabla principal*/

margin-top:-185px;

Éste código centrará la capa tanto en altura como en anchura de la capa o tabla que tenga asignada la Class tCentrada.
Para asignar la instrucción a la tabla que queramos centrar debemos indicarselo con el atributo class en la tabla o capa deseada:

<table class="tCentrada">

En el caso de ser un div

<div class="tCentrada">

Publicado por Asier Marqués el Viernes, 9 de Marzo del 2007


Puedes seguir los comentarios de ésta entrada via "RSS 2.0" y dejar un trackback desde tu sitio.

Una respuesta to “Centrar capa usando css”

Añade un comentario