|
Centrar flash tanto horizontal, como vertical
Todos sabemos que el centrar un flash de modo horizontal es tarea simple, solo basta con dar a alinear al centro.. pero y si queremos centrarlo a lo vertical y horizontal, para que quede justo en el centro de una pagina? si utilizamos el asignar margenes lo podríamos hacer, pero esto daría el pequeño problema que dependiendo a que resolución se vea, unos lo pueden ver bien y otros no.. como solucionarlo? mediante la etiqueta <div> y css
1º en nuestro ccs deberemos añadir lo siguiente:
.centrarflash{
position: absolute;
top: 50%;
left: 50%;
margin-left: -275px;
margin-top: -200px;
}
Nota: en margin-left debe asignarse los px a la mitad de la anchura de tu flash, es decir si es de 550, pondremos -275, si es el 800, sera -400. Lo mismo para margin-top, que es la altura, si es de 400, sera -200 etc.
2º El flash solo bastara que lo coloquemos entre:
<div class="centrarflash"> AQUI VA EL CODIGO DEL FLASH </div>
Puedes descargarte el ejemplo AQUÍ |