Maintaining Alignment/Distribution of Objects During Browser Scaling

Question

Hello All,
I have been searching the forum for about two hours trying to
find the right code.
Basically, I want to have a site where the background scales
to the browser window proportionately and the buttons re-align
themselves around the perimeter. The content will be centered in
the middle of the browser.
I found the perfect piece of code for the background scaling.
What I want to have is a minimum flash size, say 500px. If
the browser window is scaled smaller then 500px, scroll bars
appear. There will be buttons along the top, bottom, and sides of
the stage. When the browser window is enlarged, the stage expands
with the buttons staying the same size and distribution between
each button on the stage is consistent. (more space between the
buttons when stage is expanded.) Also, the buttons will stay
position to the top, bottom, and sides of the browser.
I tried mixing other code from the forum with this scale code
below with bad results.
Any help would be great.
Thanks
Jessy

Answer 1

this works:
you can view it here http://cybermountainwebservices.com/fullBrowser/FullBrowserAS3.html
stage.align = StageAlign.TOP_LEFT;
stage.scaleMode = StageScaleMode.NO_SCALE;
var bmp:Tile = new Tile(35, 35);
var tile:BitmapData = new BitmapData(35, 35);
tile.draw(bmp);
shelter.x = stage.stageWidth /2;
shelter.y = stage.stageHeight /2;
function fillBG(evt:Event = null):void {
  graphics.beginBitmapFill(tile);
  graphics.moveTo(0, 0);
  graphics.lineTo(stage.stageWidth, 0);
  graphics.lineTo(stage.stageWidth, stage.stageHeight);
  graphics.lineTo(0, stage.stageHeight);
  graphics.lineTo(0, 0);
  graphics.endFill();
shelter.x = stage.stageWidth /2;
shelter.y = stage.stageHeight /2;
fillBG();
stage.addEventListener(Event.RESIZE, fillBG);
in  this case the fill is with a 35pxl x 35pxl gif file but you could just as easily use a color the item called shelter is the name of the jpg in the center.
when you do this be sure in your publish settings to set dimension to percent 100 x 100  if you cont want a border or scrollbars around the outside be sure to set this css rule in your html   body {margin:0; padding:0; overflow:auto}