9/13/2010 11:15:54 AM
Title:
Stretch Flash website to full screen fill in any resolution in Dreamweaver CS3
My website is almost entirely built in Flash except for some HTML links at the bottom in case the Flash ones fail. How do I make the website fit the screen regardless of the user's screen size? An existing example of this is http://snow23.com/snow23.html.
My website is http://www.goodwinsanimations.com/
Thank you.
9/13/2010 11:30:04 AM
the site snow23.com does not fit to screen but is using a page background which is similar to the flash movie theme. The flash file is only in the right side of page around 60% and rest 40% is html . So when the screen size is bigger then the background of page takes the rest of the page. You can also add a matching background to html page so that your flash file does not look floating in the center.
9/13/2010 2:13:35 PM
Ah. I see. Didn't think of that. Thanks! I'll give it a try for my website though I'm not sure it will work so well for my website as it it more content-heavy (is it too graphic heavy?). Is it possible for my website to be almost 100% filled by the Flash graphic like http://www.aquatorygroup.ru/flash/. The remaining % is for HTML links (in case the Flash ones go wrong), the "last updated" tag and hidden text to be visible in Google.
Thanks
9/13/2010 10:11:52 PM
You can set the following parameters in the html page for Param and Embed tag used for flash.
scale="noscale" width="100%" height="100%"
this enables your flash to be displayed in 100% browser and width and height but without scaling it. To achieve something similar to aquatorygroup.com you also need to create the website big enough to fit any screen. In small screens the extra area will hide. Say you create website of 1400 width.In 800 screen only 800 px of website will be visible rest will be hidden. So make sure you place all your links in the left portion like the above site did. I would recommend you to use some similar background in html so it does not look white.
9/14/2010 3:32:23 AM
MaxFlash Accepted Answer. Thanks! This helps a lot as the current method doesn't look so good. However, I intend to use a frame in my website (http://www.tardiskeeper.com/pencil) and what is the correct height to design them in in Flash? The linked site (above) is slightly disproportionate in my screen size.
9/14/2010 8:47:52 AM
there are 4 scale types that you can set in flash, I hope this small description can make it clear
exactFit — Whole Flash application is scaled to fit the area aspect ratio not preserved. Distortion can occur as you can see in case of http://www.tardiskeeper.com/pencil
showAll — Flash application visible without distortion maintaining the original aspect ratio. Borders can appear on sides.
noBorder — Flash fills the area, without distortion but some cropping can occur, while maintaining the original aspect ratio.
noScale — Flash area is fixed, so that it remains unchanged even as the size of the player window changes. Cropping occurs if the player window is smaller than the content.
9/20/2010 6:48:32 PM
hi i am doing a full flash site as well trying to fit my flash to any browser in 100% fit without distortions. As currently it does fit 100% in any browser but it stretches. Anyone will be able to help?
I am using this script below.
stop();
this.onResize = function() {
//-- Called when browser is resized.
this.sample_mc._x = (Stage.width/2)-(this.green_mc._width/2);
this.sample_mc._y = (Stage.height/2)-(this.green_mc._height/2);
this.sample_mc = Stage.width+"x"+Stage.height;
};
Stage.scaleMode = "exactFit";
Stage.align = "TL";
Stage.showMenu = false;
Stage.addListener(this);
this.onResize();
Please help.
Dan.