Centrar un SWF en la ventana con CSS
Este es el código básico para centrar horizontalmente y verticalmente una pelicula SWF dentro de la ventana del navegador a través de CSS.
Lo primero será colocar la película flash *object* dentro de una division *div*:
Ahora crearemos el siguiente estilo CSS que será el que nos coloque el contenido de este *div* centrado en la ventana.
-
#centrado
-
{
-
text-align: centar;
-
position: absolute;
-
top: 50%;
-
left: 50%;
-
margin-left: -275px;
-
margin-top: -200px;
-
}
Al colocar el top y el left al 50% lo que hacemos es que el punto de registro de la pelicula sWF quede justo en el centro de la ventana. Como el punto de registro de la pelicula es la esquina superior izquierda, esta esquina será la que quede justo en el centro. Por eso moveremos este punto hacia la izquierda y hacia arriba (de ahí los valores negativos de margin-left y margin-top). Los valores que introduciremos serán la mitad de los tamaños de alto y ancho de la pelicula flash.
No related posts.
6 Comments »
RSS feed for comments on this post. TrackBack URI
Hola Muy buen ejemplo Felicidades, oye una pregunta y funcionaria igual desde un archivo de texto externo?
Hola. Gracias ^^
Si claro, funcionaria igual
quiero saber si en una plantilla de joomla, puedo montar una animacion de flash, o si s epuede llamar la animacion desde un css
Si claro. En cualquier plantilla (Joomla, mambo, wp..) puede meter cualquier archivo swf, sin ningún problema. Manualmente o a traves de php.
como puedo introducir el archivo swf al la platilla joomla, ya he intentado de muchas formas y no se carga la animacion??
Hola muchisimas gracias me funciona perfecto en firefox, opera y safari, pero en IE no ¿qué me hace falta? Gracias