Hola amigos del foro tengo un pequeño problema en una web que estoy creando. Resulta que mi web esta hecha en flash y ya la publique como html, pero el fondo lo he colocado en html para que se escale a cualquier resolución. Mi problema es que cuando reduzco el tamaño del navegador quiero que aparezcan los scroll para poder desplazarse por el contenido. Dejo el codigo fuente para ver cual es mi problema. También cambie el valor de overflow por auto pero nada.
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Pix Advertising</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" media="screen">
html, body { height:100%; background-color: #f7f7f9;}
body { margin:0; padding:0; overflow:hidden; }
#bg {
position: fixed;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
}
#bg img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
min-width: 50%;
min-height: 50%;
}
#flashContent
{
position: absolute;
top: 50%;
left: 50%;
width: 1600px;
height: 1000px;
margin-top: -540px;
margin-left: -800px;
}
}
</style>
</head>
<body>
<div id="bg">
<img src="bg.jpg" alt="">
<div id="flashContent">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="1600" height="1000" id="pix" align="middle">
<param name="movie" value="pix.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#f7f7f9" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="transparent" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="pix.swf" width="1600" height="1000">
<param name="movie" value="pix.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#f7f7f9" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="transparent" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />
<!--<![endif]-->
<a href="http://www.adobe.com/go/getflash">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
</a>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
</div>
</body>
</html>