Centrar tu website en flash con CSS
Muchos nos hemos preguntado cual es la mejor manera para centrar nuestros swf, una de las formas más habituales es con tablas:
Ver ejemplo - descargar
Por cierto esta información la obtuve del libro Flash. Los mejores trucos de Sham Bhangal.
Sin embargo los más correcto sería utilizar los estandares web:
<html>
<head>
<title>titulo</title>
</head>
<body>
<table width="100%" height="100%" border="0">
<tr align="cente" valign="middle">
<td>
<object...
...</object>
</td>
</tr>
</table>
</body>
</html>
El truco consiste en el siguiente código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang"es" lang="es">
<head>
<title>centrar</title>
<style type="text/css">
<!--
body {
margin: 0px;
}
#centrarswf {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
margin-left: -275px;
margin-top: -200px;
}
-->
</style>
</head>
<body>
<div id="centrarswf">
<object...
...</object>
</div>
</body>
</html>
CSS centra el swf pero a partir de la esquina superior izquierda por ello debemos usar valores negativos en los márgenes superior e izquierdo y simplemente para ello restamos la mitad del tamaño de nuestro escenario, que en este caso será el predeterminado de flash o sea (550x400 píxeles).
margin-left: -275px;
margin-top: -200px;
Ver ejemplo - descargar
Por cierto esta información la obtuve del libro Flash. Los mejores trucos de Sham Bhangal.