tdowellI'm using template Fall Season, which is a fluid width template. I have it set up so that it 93%. I've created my own header image, but I don't know how to set it up so that the image resizes itself along with the body. The way it is set up right now, the image doesn't resize, but instead, if the screen is smaller, it cuts from the right side (that's my main concern), and if the screen is larger than the original image, it repeats. My Web site is http://livesofwander.com
The current code in the style sheet, which I've played with a little bit, is
#headerpic
{
position: relative;
width: 100%;
height: 12em;
background: #fff url(images/fall_leaves.jpg) repeat-x bottom left;
margin-bottom: 2px;
}
Any advice you can offer--whether about changing the code, changing the image in Photoshop, or both--would be much appreciated. I'm pretty new to this, and I did do a search but didn't find the answer I needed. Thanks!
