Muchas veces nos encontramos con el problema de como resolver este simple requerimiento de nuestros clientes que es centrar el sitio al medio de nuestro navegador sin importar la resolución en el cual se este mostrando.
Para resolver esto lo que vamos a hacer es simplemente usar un poquito de ccs y veremos que no es tan complicado y nos ayudara mucho a la hora de desarrollar nuestros sitios.
Lo primero que heremos sera crear una nueva hoja de estilos, o usar la que ya tenemos si es que estamos usando una. Las hojas de estilos es un simple archivo de texto que guardaremos con la extensión "mihoja.css".
Para vincular nuestra hoja de estilos con nuestro html debemos agregar esta linea en el HEAD:
-
<link href="css/centrar.css" rel="stylesheet" type="text/css">
, esta linea vincula nuestro css que esta en la carpeta CSS.
En ella vamos a colocar las siguientes líneas.:
-
body{
-
text-align:center;
-
}
-
/* el body es el cuerpo de nuestro html, y el text-align: center se refiere a que los contenidos dentro del body se aliñen al centro*/
-
-
#contenido{
-
margin-top: -100px;
-
margin-left: -100px;
-
position: absolute;
-
top: 50%;
-
left: 50%;
-
}
-
-
/*con este conjunto lo que haremos es crear una id para luego aplicarsela a una div, como podemos ver los margin top y left le pusimos -100px que es la mitad de lo que mide nuestra película, lo que resta de importante es que luego le estamos indicando que su posición tanto top (superior) y left (izquierda) sean de un 50%. De esta manera logramos sacar el punto central de nuestra película, la cual se posicionara automáticamente al centro de nuestro navegador.*/
El siguiente paso seria colocar en nuestro html una div a la cual le asignaremos la id "contenido", así que por lo tanto lo único que debemos hacer es colocar los siguiente entre nuestra película flash
-
<div id="contenido">mi película flash</div>
Lo mejor de este ejemplo es que te descargues los archivos y veas insitu como estan hechos pero como puedes ver es bastante simple y no hay muchos secretos. Esta manera de centrar nuestras películas en flash es valido para IE y Firefox.
6 mayo, 2007 at 4:49 am
Hola! queria saber si se puede vincular escenas con escenas en flash..de ser posible..me gustaria poder entenderlo ya que me rendi, no uedo hacerlo..o de ultima si alguien sabe hacerlo en dreamweaver...solo quiero con los botones que tengo hecho pasar de una escena a otra gracias!