View Full Version : How do you make a webpage grow as the content grows?

05-05-2011, 08:17 PM
Sorry, Im not sure where exactly this would go, but I have a website, http://www.chicosdirtytacos.com and I was asked to make a news page, How would I go about making the backgrounds grow as the content grows past the current frame? I know it has something to do with dynamic website building, but I have to say Im confused on what that is. Would this be difficult to do?

05-05-2011, 08:22 PM
Well I'm kind of new to this also but I think i understand how to do this as ive done it before.

You are going to need a piece of the background in the css with the defined width but with no defined height. you only need a small piece of the background which will repeat to make the site faster loading.

Coding example (css)


Thats the background image with the width defined but no heights so it will auto increase as you add content.

...almost forgot, you will need to put something with a id="body" into the html file in the index or include file.

much love,


05-05-2011, 08:28 PM
I think i get that, I mean i did that for the background slice, but for the area with the actual content in it ( its like an image of an unrolled parchment paper) im not sure how to go about that part..

05-05-2011, 08:31 PM
You could pull the image into PS, pick a section thats plain if there is one, and crop it. You'd have to do something else for this image though, as you cant set two background images for the same element.

You might be able to add a div below the initial set image, then set that divs background as the sliced image.

05-05-2011, 08:34 PM
Hmmm I think* I get it, so thats really all there is to it?! Thats awesome! I guess Ill probally need a new content image as the one given to me will absolutely not work for that..

Thanks guys!