Hey Kev - This is achieved to listening to the Stage object. It's super simple. I actually have a little snippet that I use over and over when I am gonna do stage stuff. It's below, the formatting get's messed up here, so I'll post a lil FLA example, if you like. Basically, I create 9 arrays of the basic alignments that I generally use (ie top-left, top-right, bottom right, etc..) And simply add an object to the respective array I want to target. This object will have 3 parameters, the MovieClip that is the target, and a var for xpaddign and ypadding that act as offsets to the given position.
Take A Look. Here is the basic code, with no clips: /* Stage.onResize() listings * ---------------------------------------------------------------------------- ---------------------------------------------------- * * NOTE: Any clips that are moved due to an onResize event, are filed into their respective arrays below * as objects with three properties, _mc (the clip being referenced), x and y padding. * NOTE: To have a clip move with the stage, use this format: {_mc:upperLeft_mc, xpadding:0, ypadding:0} * ---------------------------------------------------------------------------- ---------------------------------------------------- */ var TopLeft:Array = []; var TopCenter:Array = []; var TopRight:Array = []; var MiddleLeft:Array = []; var MiddleCenter:Array = []; var MiddleRight:Array = []; var BottomLeft:Array = []; var BottomCenter:Array = []; var BottomRight:Array = []; /* Stage.onResize() engine * ---------------------------------------------------------------------------- ---------------------------------------------------- */ var stageObj:Object = new Object(); stageObj.onResize = function() { for(var i in TopLeft) { TopLeft[i]._mc._x = 0+TopLeft[i].xpadding; TopLeft[i]._mc._y = 0+TopLeft[i].ypadding; }; for(var i in TopCenter) { TopCenter[i]._mc._x = Stage.width/2+TopCenter[i].xpadding; TopCenter[i]._mc._y = 0+TopCenter[i].ypadding; }; for(var i in TopRight) { TopRight[i]._mc._x = Stage.width+TopRight[i].xpadding; TopRight[i]._mc._y = 0+TopRight[i].ypadding; }; for(var i in MiddleLeft) { MiddleLeft[i]._mc._x = 0+MiddleLeft[i].xpadding; MiddleLeft[i]._mc._y = (Stage.height/2)+MiddleLeft[i].ypadding; }; for(var i in MiddleCenter) { MiddleCenter[i]._mc._x = Stage.width/2+MiddleCenter[i].xpadding; MiddleCenter[i]._mc._y = (Stage.height/2)+MiddleCenter[i].ypadding; }; for(var i in MiddleRight) { MiddleRight[i]._mc._x = Stage.width+MiddleRight[i].xpadding; MiddleRight[i]._mc._y = (Stage.height/2)+MiddleRight[i].ypadding; }; for(var i in BottomLeft) { BottomLeft[i]._mc._x = 0+BottomLeft[i].xpadding; BottomLeft[i]._mc._y = (Stage.height)+BottomLeft[i].ypadding; }; for(var i in BottomCenter) { BottomCenter[i]._mc._x = Stage.width/2+BottomCenter[i].xpadding; BottomCenter[i]._mc._y = (Stage.height)+BottomCenter[i].ypadding; }; for(var i in BottomRight) { BottomRight[i]._mc._x = Stage.width+BottomRight[i].xpadding; BottomRight[i]._mc._y = (Stage.height)+BottomRight[i].ypadding; }; }; Stage.addListener(stageObj); stageObj.onResize(); On 6/11/06 4:29 AM, "Kevin Cannon" <[EMAIL PROTECTED]> wrote: > Hi there, > > I've seen a couple of design occasionally (like thefwa.com) that dynamically > stretch and adjust with the width of the browser and the content. > > How is that kind of thing done? I know you can achieve some interestin gthings > with scaleMode and Stage.align but I'm guessing something more complex is > going on here. > > I want to create a header banner, that fits into a flexible width site, so it > needs to stretch with the page. The height will stay the same, and there's > some design elements that should be locked left, and some locked right. > > Could anyone point me in the right direction. I've not had much trouble with > google since i'm not entirely sure what the correct terms for this are. > > Thanks! > > - Kevin > _______________________________________________ > Flashcoders@chattyfig.figleaf.com > To change your subscription options or search the archive: > http://chattyfig.figleaf.com/mailman/listinfo/flashcoders > > Brought to you by Fig Leaf Software > Premier Authorized Adobe Consulting and Training > http://www.figleaf.com > http://training.figleaf.com _______________________________________________ Flashcoders@chattyfig.figleaf.com To change your subscription options or search the archive: http://chattyfig.figleaf.com/mailman/listinfo/flashcoders Brought to you by Fig Leaf Software Premier Authorized Adobe Consulting and Training http://www.figleaf.com http://training.figleaf.com