12 Sep 2011, 7:30 PM
Black Belt
- Join Date:
- Jul 2005
- Location:
- Upstate NY
- Posts:
- 21,876
- Plugin Contributions:
- 8
Exteding background image to cover main page edits
Background images do not expand, they can only repeat. You need to make the image fit itself so that the top & bottom match seamlessly. That also means that there can't be a transition to the top scroll shadow - all of that has to be in the top image.
Alternatively, you might be better off having just one top/middle image in the main container, as long as the longest page you expect to use, and have the scroll bottom to terminate it wherever that is.
background-image: url(../images/parchmentmid.png)no-repeat;
You want repeat-y, not no-repeat, if you want the middle image to fill the height without being very tall.
Also, I see there is no space between ) and no-repeat. That might be a problem.