05/02/2004, 11:25
|
| | Fecha de Ingreso: agosto-2002 Ubicación: Badalona
Mensajes: 10
Antigüedad: 22 años, 3 meses Puntos: 0 | |
CENTRAR UN LAYER AL FIN !!!! a mi me costó un huevo encontrar el "truco" pero ahí lo tienes:
Cómo se centra por ejemplo una layer de 750 x 450 pixeles?
<div id="nombredelacapasiquieres" style="width:750px; height:420px; position:absolute; left:50%; top:50%; margin-left:-210px; margin-top:-210px;border:1px solid black;>
VOILA!!!
date cuenta que margin-left y margin-top, ambos en negativo, son justo la mitad de las dimensiones de la layer. Así, posicionando con left y top en el 50% del ancho de la ventana, la esquina superior izquierda de la layer queda justo en medio de la ventana. Y con los parametros negativos del margen, la desplazas hasta centrarla totalmente.
Por ultimo el border es opcional, sólo es para que puedas ver la layer.
SIIII HE ENCONTRADO EL SANTO GRIAL DE LOS DISEÑADORES WEB JAJAJAJAJA!!!!!
Hasta hoy se han probado disparates para al final resultar ser algo tan simple... como estooo, hay quien metia hasta 9 frames en una pagina para centrar el contenido, hay quien se curraba javascripts para detectar el tamaño de la pantalla, etc, pero no señores es tan facil y lógico como poner cuatro instrucciones css...
Eso no es todo: las layers que inserteis dentro de esa "layer madre", siempre con "position:absolute", tendrán la cordenada cero en la esquina superior izquierda de la layer "madre". O sea que ya pueden hacer webs con submenús desplegables y siempre centradas en la ventana sin problemas....
Gracias, gracias, gracias por el aplauso.... |