Can Anyone help with fullscreen flash???

[LevonGravett]

Hey there

I am trying to design a full screen flash site. I have basic knowledge of Flash and actionscripting.

The problem that I am having is I have a header that needs to remain at the top of my screen and stretch across the entire width regardless of browser or screen size. This contains links that must stay left aligned. This goes for the footer as well. Does anyone know how I would go about doing this?

I have managed to get the background and stage to do what they are supposed to.

If anyone could please help that would be great.

[gparis]

I have managed to get the background and stage to do what they are supposed to.

please post your actual code.
See if you already use the Stage object.

gparis

[LevonGravett]

Here is code that you requested

stop();

Stage.scaleMode = "noScale";


var HPositioner:Number = (Math.round((Stage.width - 980) / 2));

function HPositionCubes () {
var HPositioner:Number = (Math.round((Stage.width - 980) / 2));
setProperty(topLeftCube_mc, _x, 0 - HPositioner);
setProperty(topRightCube_mc, _x, (1058 + HPositioner) - 89);
setProperty(bottomLeftCube_mc, _x, 0 - HPositioner);
setProperty(bottomRightCube_mc, _x, (640 + HPositioner) - 89);
}

HPositionCubes();

setProperty(bg_mc, _width, Stage.width);
setProperty(bg_mc, _height, Stage.height);

var resizeListener:Object = new Object();
Stage.addListener(resizeListener);

resizeListener.onResize = function () {
setProperty(bg_mc, _width, Stage.width);
setProperty(bg_mc, _height, Stage.height);
}

Thanks

[gparis]

SetProperty is deprecated. Instead of:

setProperty(bg_mc, _height, Stage.height);

use

bg_mc._height = Stage.height;

etc..


use the same logic for the header:

header._width = Stage.width;

And for the bottom position:

bottom._y = Stage.height - bottom._height;

Make sure their instance names are well entered.
And place these in the onResize

And to align the Stage top left use:

Stage.align = "TL";

gparis

[LevonGravett]

Hi gparis

thanks so much for your replies they are really helping...

I have edited my scripting to the following:

stop();

Stage.scaleMode = "noScale";


var HPositioner:Number = (Math.round((Stage.width - 980) / 2));

function HPositionCubes () {
var HPositioner:Number = (Math.round((Stage.width - 980) / 2));
setProperty(topLeftCube_mc, _x, 0 - HPositioner);
setProperty(topRightCube_mc, _x, (1058 + HPositioner) - 89);
setProperty(bottomLeftCube_mc, _x, 0 - HPositioner);
setProperty(bottomRightCube_mc, _x, (640 + HPositioner) - 89);
}

HPositionCubes();

setProperty(bgGradient_mc, _width, Stage.width);
setProperty(bgGradient_mc, _height, Stage.height);
setProperty(header_mc, _width, Stage.width);
setProperty(header_mc, _height, Stage.height);


var resizeListener:Object = new Object();
Stage.addListener(resizeListener);

resizeListener.onResize = function () {
setProperty(bgGradient_mc, _width, Stage.width);
setProperty(bgGradient_mc, _height, Stage.height)
setProperty(header_mc, _width, Stage.width);
Stage.align = "TL";
}

The header only enlarges to the full width of the screen when I resize the browser window, however the background goes back to the centre.

I tried with your suggestions but had to leave the setProperty in.

If you could have a look at the code and let me know. If you would like me to mail you the layout so you know 100% what I am talking about I can.

Thanks again

[gparis]

Anything you put in the onResize will only be triggered on resize of the browser - make sense Anything that need to happen on load need to be also written in the frame action. So you'll need to paste these same lines of code after the other lines in the same frame (after the HPositionCubes() call)

gparis