Centrar swf vertical y horizontalmente en pantalla

Laika · #1 (**permalink**) 27/09/2006, 03:40

Hola he buscado muchos post en el foro pero no he dado con la solución.

Tengo un swf en una tabla y quuiero que me parezca centrado en pantalla.
He conseguido que quede centrado horizontalmente pero no verticalmente.

QUiero que este centrado horizontalmente y verticalmente para todas las resoluciones. Que aparezca justo en el centro d ela pantalla.

Haber si sabeis hacerlo,

Gracias

jcxnet · #2 (**permalink**) 27/09/2006, 06:06

En este link puedes ver una posible solución usando css:
http://www.wpdfd.com/editorial/thebox/deadcentre4.html

Laika · #3 (**permalink**) 28/09/2006, 03:58

Gracias por el Link. tengo un problema. Este es el codigo que me has pasado:

Cita:

<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<title>Dead Centre</title>
<style type="text/css" media="screen"></style>
</head>

<body>
<div id="horizon">
<div id="content">

</div>
</div>
<div id="footer">
<a href="deadcentre3.html">
back</a></div>

</body>

</html>

Lo que necesito ahora es meter en la capa <div id="content"> lo siguiente:

Cita:

Al meterlo ya o me queda centrado

jcxnet · #4 (**permalink**) 28/09/2006, 08:31

Claro... tienes que hacer unos cambios:
1° - No uses la tabla, solo el objeto flash, entonces dentro del div "content" escribes:

Código HTML:

<div id="content">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="780" height="317">
<param name="movie" value="montajes/index/index.swf" />
<param name="quality" value="high" />
<embed src="montajes/index/index.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="780" height="317"></embed>
</object>
</div>

2° - Hay que modificar el tamaños del div para que se ajuste a tu flash, si te fijas en las propiedades del estilo del div "content":

Cita:

#content
{
font-family: Verdana, Geneva, Arial, sans-serif;
background-color: #f00;
margin-left: -125px;
position: absolute;
top: -35px;
left: 50%;
width: 250px;
height: 70px;
visibility: visible
}

las propiedades top y margin-left son la mitad del valor de width y height; entonces para ajustar el tamaño de tu flash debería quedar así:

Cita:

#content
{
font-family: Verdana, Geneva, Arial, sans-serif;
background-color: #f00;
margin-left: -390px;
position: absolute;
top: -158px;
left: 50%;
width: 780px;
height: 317px;
visibility: visible
}

De esa manera deberá quedar centrado, realiza los cambios y me avisas.

Laika · #5 (**permalink**) 28/09/2006, 09:05

Ok ,

Muchas gracias, me ha servido mucho.

Nah_Alone · #6 (**permalink**) 13/10/2006, 04:03

hola a todos:

yo tengo un problema similar, pero siguiendo las instrucciones para Laika no he conseguido nada..

el codigo es este:

Cita:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">

</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<layer id="Layer1" left="96" top="74" width="200" height="115"
z-index="1"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase=enlace a macromedia width="779" height="517">
<param name=movie value="images/01home.swf">
<param name=quality value=high>
<embed src="images/01home.swf" quality=high
pluginspage=enlace del plugin type="application/x-shockwave-flash" width="779" height="517">
</embed>
</object></layer>

</body>
</html>

no necesito nada muy tecnico, solo que funcione...

gracias

saludos