Centrar un SWF en xHTML con estilos CSS

andresadanmx · #1 (**permalink**) 20/01/2011, 03:32

Código HTML:

/*HTML:*/
<body>
<div class="swfcentro">
<object type="application/x-shockwave-flash" data="contenedor.swf?path=flash.swf" width="720" height="420">
<param name="movie" value="contenedor.swf?path=flash.swf" />
<param name="quality" value="high" />
<img src="flash.png" width="720" height="420" alt="Imagen en reemplazo de flash" />
</object>
</div>
</body>
  
/*CSS:*/
.swfcentro {
position: absolute; /*Posicionamiento absoluto*/
top: 50%; /*Desde arriba, colocar al 50% de la pantalla*/
left: 50%; /*Desde la izquierda, colocar al 50% de la pantalla*/
margin-top: -210px; /*Restamos la mitad de alto del SWF para centrarlo verticalmente*/
margin-left: -360px; /*Restamos la mitad de ancho del SWF para centrarlo horizontalmente*/
}

Tedel · #2 (**permalink**) 20/01/2011, 10:50

¿No sería más fácil...

object {margin: auto}

...?

sanxuan · #3 (**permalink**) 20/01/2011, 11:10

El método sive para centrar cualquier cosa de la que sepamos de antemano cuánto tiene de ancho y alto, no sólo un swf.
Lo siento Tedel, sería una manera estupenda de centrar objetos en una página, el único problema es que no funciona. Sólo nos centra el objeto horizontalmente.