CSS Forum

**silverglade** · 06-18-2009, 12:36 PM

hi, a lot of my sites have backgrounds that fit the text i put in exactly, and i was wondering , what would happen if a company wanted me to update the text? and it went past the boundary of my background image i set up? should i just make the background empty below the text area? here is an example of what im talking about. notice the text fits exactly where the background is, and if i were to add more text, it would go outside the boundaries of where the text box is. here is the page.

http://derekvanderven.com/jewelry_gallery/index.html

any advice greatly appreciated. thanks. derek

**EricReese** · 06-18-2009, 12:47 PM

Hi,

Are you still looking to keep the scroll, and just have the user scroll down to have this effect? If so, on #wrapper, change the height to 734px.

If not, and you simply want to repeat that background, you need to change your background image. right now, you are on a fixed design. Try breaking up that image into sections, then you don't need to specify a height for that section and you can let the content determine how how tall the page will be. All that is left after that is to repeat-y the background image you want to repeat on the div you are holding all the content in.

**silverglade** · 06-18-2009, 03:32 PM

awesome thank you very much for the help eric! that clears it up for me. i need to stop making my backgrounds so fixed. thank you. derek

**EricReese** · 06-18-2009, 03:39 PM

No problem

Let me know if this works out for you. If you have any more questions, feel free to ask.

**LadynRed** · 06-18-2009, 03:51 PM

The scroll is there because you have a set height in combination with the overflow

on #wrapper. I've told you before that you need to refrain from setting heights on everything. I do agree that you need to re-think your backgrounds so that you don't have to set heights.

**silverglade** · 06-21-2009, 01:30 PM

thanks ladynred. i have a problem , its that every time i take the height off of my wrapper div that has overflow auto on it, the background image wont show up.

**EricReese** · 06-21-2009, 03:13 PM

Because there is no room for your background image. As I said before. You need to cut that background image into multiple images and apply them to each sector of the page (header, the columns, footer, <body>, etc...). It needs to have overflow: auto on there to contain the floats so you would need it. Or you could try overflow:hidden..

You can remove the height from #wrapper. Then on #right_content edit your margin values to this:

460px 50px 50px 0

Same effect, but now there is no set height on the wrapper

Hope this helps.

Cheers