How can i make my site background get longer or shorter according to content?

I want my site to expand and contract depending on how much content I have, my site is accessmarkspixel.com and as you can see the content on some pages is much longer or shorter than the background image, how can i make it get longer automatically depending on content?

 

Hi,
Please try use following construction.

<div class="content">
	<div class="in-content">
		some content here 
	</div>
</div>

Code (markup):

class content - does have gradient background without any line or glare (some pixel from footer of image for in-content background)
class in-content - does have gradient background with line or glare
so when you have small content will be display background from in-content else it will display backgrounds from in-content and content

 

You can also do this with css by repeating it on either the y or x axis.

 

It is better to use CSS for your requirement.