Home » Básico »Flash » Currently Reading:

Centrar un SWF en la ventana con CSS

diciembre 8, 2006 Básico, Flash 6 Comments
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*:

  1. <div id=centrado>
  2. <object ...............
  3. ......... </object>
  4. </div>

Ahora crearemos el siguiente estilo CSS que será el que nos coloque el contenido de este *div* centrado en la ventana.

  1. #centrado
  2. {
  3.   text-align: centar;
  4.   position: absolute;
  5.   top: 50%;
  6.   left: 50%;
  7.   margin-left: -275px;
  8.   margin-top: -200px;
  9. }

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.

Compártelo:

Centrar un SWF en la ventana con CSS
Visto 9.584 veces

Currently there are "6 comments" on this Article:

  1. Flashreloco dice:

    Hola Muy buen ejemplo Felicidades, oye una pregunta y funcionaria igual desde un archivo de texto externo?

  2. admin dice:

    Hola. Gracias ^^
    Si claro, funcionaria igual

  3. gemunoz dice:

    quiero saber si en una plantilla de joomla, puedo montar una animacion de flash, o si s epuede llamar la animacion desde un css

  4. admin dice:

    Si claro. En cualquier plantilla (Joomla, mambo, wp..) puede meter cualquier archivo swf, sin ningún problema. Manualmente o a traves de php.

  5. cati dice:

    como puedo introducir el archivo swf al la platilla joomla, ya he intentado de muchas formas y no se carga la animacion??

  6. Álvaro Bassó dice:

    Hola muchisimas gracias me funciona perfecto en firefox, opera y safari, pero en IE no ¿qué me hace falta? Gracias

Comment on this Article:








AdvertisementAdvertisementAdvertisementAdvertisement

Recibe las novedades por email



Map

Ranking

Codigoactionscript.org: 4.65 sobre 5 (106 valoraciones)

twitter-widget.com