Hello. This is as much a flash question as it is html, but it mostly involves html. I have an index page with a 100% wide/high flash file. I need it 100% because I have animations and background changes that fill the entire screen, so specifying width/height is not an option on the flash file. I however want the user to be able to scroll up/down, left/right to see the content, especially if they are on a 800x600 reso. as the site is built for 1024x768 or higher.
To try and workaround this I made an absolute placed div (#scroll) at 1200pxX760px so that when you resize your browser less than these dimensions the browser shows scrollbars. This is what I wanted to have happen. However, when you resize the browser less than the 1200x768 and then move the scrollbars the browser cuts part of the movie off and all you see is the background color.
I’ve uploaded a mockup of this. In the example the flash file is white and the background is blue. I’m hoping someone in this forum knows about html and why it hides the flash file.
I appreciate any help.
This is in effect the code. I haven’t checked it in windows but in Safari and Firefox this problem exists.
[SIZE=“1”]<head>
<style type=“text/css”>
HTML, BODY { margin: 0; padding: 0; width: 100%; height: 100%;}
#flashcontent { z-index: 1; }
#scroll { position: absolute; width: 1200px; height: 760px; top: 0; left: 0; z-index: 2;}
</style>
</head>
<body>
<div id=“scroll”> </div>
<div id=“flashcontent”>
<object classid=“clsid:d27cdb6e-ae6d-11cf-96b8-444553540000” codebase=“http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0” width=“100%” height=“100%” id=“test” align=“middle”>
<param name=“allowScriptAccess” value=“sameDomain” />
<param name=“movie” value=“test.swf” />
<param name=“quality” value=“high” />
<param name=“scale” value=“noscale” />
<param name=“salign” value=“lt” />
<param name=“wmode” value=“transparent” />
<param name=“bgcolor” value="#ffffff" />
<embed src=“test” quality=“high” scale=“noscale” salign=“lt” wmode=“transparent” bgcolor="#ffffff" width=“100%” height=“100%” name=“test” align=“middle” allowScriptAccess=“sameDomain” type=“application/x-shockwave-flash” pluginspage=“http://www.macromedia.com/go/getflashplayer” />
</object>
</div>
</body>[/SIZE]
