# Full screen background with content always centered

**URL:** <https://forum.kirupa.com/t/full-screen-background-with-content-always-centered/290418>\
**Category:** Uncategorized\
**Created:** [June 14, 2009, 3:39pm UTC](https://forum.kirupa.com/t/full-screen-background-with-content-always-centered/290418 "2009-06-14T15:39:47Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Zee\_81](https://avatars.discourse-cdn.com/v4/letter/z/bbce88/32.png) [@Zee\_81](https://forum.kirupa.com/u/Zee_81)\
**Post date:** [June 14, 2009, 3:39pm UTC](https://forum.kirupa.com/t/full-screen-background-with-content-always-centered/290418/1 "2009-06-14T15:39:47Z")

</div>

Hi

Can anyone please help with the following: Tutorial [http://www.kirupa.com/developer/as3/resizing\_centering\_as3.htm](http://www.kirupa.com/developer/as3/resizing_centering_as3.htm)

I have gone through it all and it works great for the tutorial but I tried replacing the background with an image and when the browser is resized to full screen it distorts the image and stretches it out of proportion. Does anyone know how I can have the background image resized to the full screen and stay in proportion?

I basically want to create the exact functionality as www.cafeinternational.ca

Any help will be much appreciated.

Thanks in advance.

Zee