Comunidad de diseño web y desarrollo en internet online

flash 100% height con scroll segun resolucion

Citar            
MensajeEscrito el 06 Abr 2010 09:01 am
hola a todos, tengo un problema bastante tonto pero que me está volviendo loco.

Tengo un flash al 100% heihght, pasa que si el navegador es menor de 600px quiero que aparezca el scroll del navegador.

Entonces lo que hago es una expression en las css del flashcontent que dice si el body es mayor de 600px el flashcontent es 100% si es menor el flashcontent es 600px, esto funciona bien y si haces pequeña la ventana del navegador pues aparece el scroll.

El tema es que en mozilla tira bien pero en ie y en safari aparece el scroll pero el flash se corta por abajo y por arriba, aparece blanco...

He probado mil cosas y aun no lo he solucionado, os dejo un ejemplo para que lo veais

http://www.davidalvira.com/prueba_100/

Si lo mirais en firefox va bien, en los demas cuando escalas la ventana desaparece el flash,,, grrrr

os pego aqui el código por si sirve de algo

Código :

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Prueba</title>
<style type="text/css">

html{

height: 99%;

}
body {
height: 100%;

margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #ccc;

}

/* hide from ie on mac \*/

#flashcontent {

width: 100%;
min-height: 600px;
height: 100% !important;
height: expression(document.body.clientHeight > 600 ? "100%" : "600px" );
height:600px;

}



.cuerpo {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
}
a{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FF0000;
text-decoration:underline;
}
a:hover{
color: #666666;
text-decoration:underline;
}
p{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
margin:0;
/*padding:20px;*/
}

.Estilo1 {color: #666666}
-->
a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;}
h2{font-size:13px; margin:15px 0 0 0;}
</style>


<script type="text/javascript" src="swfobject.js"></script>
<!--<script type="text/javascript" src="swfaddress/swfaddress.js?strict=false"></script>-->


</head>

<body scroll='no' onLoad="focus()">
<div id="flashcontent">
<p><span class="Estilo1">El contenido de esta p&aacute;gina web requiere la nueva versi&oacute;n de Macromedia Flash Player. <br>
<br>
&iquest;Quieres descargarla?<br>
Clica</span> <a href=http://www.macromedia.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash target="_blank">aqu&iacute;</a></p>
</div>

<script type="text/javascript">
// <![CDATA[
var so = new SWFObject("base_web.swf", "base", "100%", "100%", "8");
// so.addVariable("flashVarText", "this is passed in via FlashVars for example only");
so.addParam("scale", "noscale");
so.addParam("wmode", "transparent");

so.write("flashcontent");
// ]]>
</script>

</body>
</html>



alguien puede ayudarme,,,, gracias

Por dazao

20 de clabLevel



 

firefox
Citar            
MensajeEscrito el 06 Abr 2010 11:25 pm
Prueba con el swffit, http://swffit.millermedeiros.com/, se usa en conjunto con el swfobject.

Hace lo mismo que intentas hacer con CSS, este lo hace detectando la resolución del viewport del navegador con JS.

Por VictorE

4 de clabLevel



 

Mexico

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.