# 100% width & height tiling

**URL:** <https://forum.kirupa.com/t/100-width-height-tiling/158316>\
**Category:** flash\
**Created:** [August 8, 2005, 11:55pm UTC](https://forum.kirupa.com/t/100-width-height-tiling/158316 "2005-08-08T23:55:04Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![absentminded](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/absentminded/32/1305_2.png) [@absentminded](https://forum.kirupa.com/u/absentminded)\
**Post date:** [August 8, 2005, 11:55pm UTC](https://forum.kirupa.com/t/100-width-height-tiling/158316/1 "2005-08-08T23:55:04Z")

</div>

Ok, so loving the [duplicate background](http://www.kirupa.com/developer/mx2004/duplicatebackground.htm) tutorial, it is the natural extension I was trying to work into my 100% width and height backgrounds i have been putting into flash (code at bottom).

The question I have is, the duplicate background tutorial only works for the defined space of the flash stage, ie: if the stage is 900x600 - the background will duplicate for that, but anything beyond is just the stage color.

How can I make the background duplicate across the entire browser window.

* * *

Here is the code being used for my 100% w/h backgrounds (not tiled):

```auto

// Control stage size without content resize.
Stage.scaleMode = "noScale";
_root.bgFull_mc._width = Stage.width;
_root.bgFull_mc._height = Stage.height;
var myListener:Object = new Object();
myListener.onResize = function() {
	_root.bgFull_mc._width = Stage.width;
	_root.bgFull_mc._height = Stage.height;
};
Stage.addListener(myListener);
//

```

Help is appreciated.