# Random Background Image positoning

**URL:** <https://forum.kirupa.com/t/random-background-image-positoning/331544>\
**Category:** web dev\
**Created:** [August 25, 2013, 3:01pm UTC](https://forum.kirupa.com/t/random-background-image-positoning/331544 "2013-08-25T15:01:33Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![uelcut](https://avatars.discourse-cdn.com/v4/letter/u/71e660/32.png) [@uelcut](https://forum.kirupa.com/u/uelcut)\
**Post date:** [August 25, 2013, 3:01pm UTC](https://forum.kirupa.com/t/random-background-image-positoning/331544/1 "2013-08-25T15:01:33Z")

</div>

I’m working on a html that displays random background image, that i got from this tutorial:  
[http://wsabstract.com/script/cut176.shtml](http://wsabstract.com/script/cut176.shtml)

I included this in my html and tried to re-sizing it to background-size:contain, and i noticed that the image is only set in the top section of the page; i think this means that the content space given for the image is only so little.

i attched the html file i made

I’m not getting on why this is happening i assumed that the code would give the whole page space to contain the background image. As a result i’m having a hard time, positioning these images on my page.

Some advice or help would be really nice. Thanks

-Sam