Scroll con un Flash height 100%
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
<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
maxer3d
Prueba con:
#flashcontent, #base {
width: 100%;
min-height: 600px;
height: 100% !important;
height: expression(document.body.clientHeight > 600 ? "100%" : "600px" );
height:600px;
}