Hey everyone.

I'm happy with my wrapper and would now like to add a shadow to either side of the wrapper. I do not want to make a continuous image (that would contain the background, the shadow, and the white) that would repeat down the Y axis, because I like how the white wrapper stops at the footer at the bottom of each page.

http://www.ivancash.com

I've posted here a few times, trying to get a similar effect, but haven't been successful. After failed research and attempts, I'm trying my luck again.

Thanks.
Respect.
Peace.

Ivan

Hi Ivan,

Not sure what you are talking about, Wrapper..??

Originally Posted by ChipJohns

Hi Ivan,

Not sure what you are talking about, Wrapper..??

I'm interested in improving how the content section of my webpage (the center portion) coexists with the background.

ie: http://mikegiant.com/

OK Shwizle .

You could apply the background image to the html element then apply a sample of the background to the footer. You'd have to photoshop say a 5px square and repeat both x and y. The footer would then blend in with the background.

body, html {height: 100%;
background-image:url(http://mikegiant.com/i/mgbg_cropped.gif);
background-repeat: repeat-y;
background-position: 50%;
text-align:center;
font-family:Gill Sans, Arial, Helvetica, sans-serif;
margin:0px;
min-width: 780px;
}

Goes without saying you should ask Mikegiant if you can use his graphic - better still do your own.

You could also add a 2nd container that will hold the full sized horizontal and vertically-repeating background image with the shadows. You can still make it stop at the footer.

Originally Posted by LadynRed

You could also add a 2nd container that will hold the full sized horizontal and vertically-repeating background image with the shadows. You can still make it stop at the footer.

I'm trying that, but am still having problems... see: http://www.webmaster-talk.com/html-f...tml#post476688