auto scroll no funciona

hespejoflores · #1 (**permalink**) 28/06/2013, 10:33

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>

pzin · #2 (**permalink**) 28/06/2013, 12:01

Tu problema es que no tienes ningún elemento en el flujo natural del HTML, y no te van a aparecer las barras de desplazamiento por eso.

Es una de las razones por las que no hay que usar posiciones absolutas para la estructura de una web.

hespejoflores · #3 (**permalink**) 28/06/2013, 14:03

como seria entonces la sintaxis del codigo