Foros del Web » Creando para Internet » CSS »

Centrar un SWF en xHTML con estilos CSS

Estas en el tema de Centrar un SWF en xHTML con estilos CSS en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 20/01/2011, 03:32
Avatar de andresadanmx  
Fecha de Ingreso: octubre-2010
Ubicación: Mexico
Mensajes: 11
Antigüedad: 7 años, 3 meses
Puntos: 0
De acuerdo Centrar un SWF en xHTML con estilos CSS

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*/
}
  #2 (permalink)  
Antiguo 20/01/2011, 10:50
Avatar de Tedel  
Fecha de Ingreso: enero-2011
Ubicación: Lima
Mensajes: 2.728
Antigüedad: 7 años
Puntos: 442
Respuesta: Centrar un SWF en xHTML con estilos CSS

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

object {margin: auto}

...?
  #3 (permalink)  
Antiguo 20/01/2011, 11:10
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 7 años
Puntos: 36
Respuesta: Centrar un SWF en xHTML con estilos CSS

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.

Etiquetas: html, hosting
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:00.