Página web en pantalla completa

[Brunitosessa]

Hola gente, este es mi primer post, asique perdonen si hay errores.

La cuestión es la siguiente. Estoy diseñando una página de una marca de ropa. El diseño lo hice en adobe flash CS5. Para el escaso código HTML uso Dreamweaver CS5. La idea era que la página ocupe el 100% de la página, sin que aparezca el scroll (esto fué solicitado por mis clientes).


Vamos con las preguntas. ¿Como hago para que mi flash se vea al 100% de la pantalla? Porque hay algunos navegadores que tienen mas barras de herramientas que otros. Entonces al establecer un tamaño del flash, en algunos navedagores como Chrome se ve perfecto, pero en otros como firefox, que tiene algunas barras de herramientas extras, no se me ve parte de la página.

Y la segunda cuestión es, si la única forma de adaptar mi flash a varias resoluciones es realizando el diseño flash en varios tamaños.

Espero Puedan ayudarme!


Muchas gracias!

[emprear]

Brunitosessa:

Las barras de herramientas del navegador las configura solo el cliente (y ni que hablar de IE, al que se le meten barras de búsqueda al por mayor),
De todas maneras podes ajustar tu flash al espacio disponible en forma proporcional. Para esto necesitas corregir un pequeño bug del flash, que solo se adapta al 100% del height del elemento que lo contiene, tenes que poner en tu css

<style type="text/css">
/*<![CDATA[*/

/* fix para flash 100% no mac \*/
html {
height: 100%;
overflow: hidden;
}
#flash {
height: 100%;
}
/* fin mac */
body {
height: 100%;
margin: 0;
padding: 0;
background-color: #eee;
}
/*]]>*/
</style>

y ahora si, en tu html

<div id="flash">
<object type="application/x-shockwave-flash" data="b.swf" width="100%" height="100%" id="sonido">
<param name="movie" value="b.swf" />
<param name="loop" value="false" />
<param name="menu" value="true" />
<param name="play" value="true" />
<param name="bgcolor" value="#8897db" />
<p class="getadobe">Flash Palyer no se encuentra o la versi&oacute;n no es compatible, utiliza el icono para ir a la p&aacute;gina de descarga <br />
<a href="http://get.adobe.com/es/flashplayer/" onclick="this.target='_blank'"><img src="get_adobe.jpg" alt="Descargar Flash Player" width="35" height="35" /></a>
</p>
</object>
</div>

con esto conseguimos que el height en 100% va a funcionar correctamente
te dejo una demo en
http://foros.emprear.com/flash/flash-xhtml100.html

agrega y quita barras de herramientas para verificar o pasa a "pantalla completa" con F11

Saludos

[Brunitosessa]

Muchas gracias por la respuesta. Me sirvió. Lo único que al igual que en el ejemplo que me mandaste, en los costados de la página, quedán blancos. Tenes idea que puede ser? Muchas Gracias!

[emprear]

supongo que es por el tamaño del flash original, no estoy seguro, yo use uno que tengo para probar, adenmas estan los atributos del flash, creo que uno es "scale", sinceramente no se muy bien, yo no hago mucho con flash y menos a pantalla completa

mira este link y fijate los ejemplos
http://www.aleosoft.com/flashtutorial_autofit.html


más info en
http://kb2.adobe.com/cps/141/tn_14149.html

creo que deberias usar scale=exactfit

pero te lo puede desproporcionar, todo depende del original

saludos