Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

Shadow container with background image

2:08 pm on Feb 17, 2012 (gmt 0)

New User

5+ Year Member

joined:Feb 17, 2012
posts: 1
votes: 0

Dear all,

This is my first post on this forum.

I'm trying to make a shadow background within my content block.

If i do this the same as the website above than the shadow starts in the header and i cannot modify the position because the whole page goes with it.

See my CSS code below:

#containershadow {
width: 1014px;
background: url(http://www.example.com/bg_shadow.png) repeat-y center;
margin:0 auto;
text-align: left;

Is there a way to manage the containershadow div separately? What i need to do is add the position top en bottom so it will match my website.

Can someone help me with this one please?

Thanks in advance.



[edited by: alt131 at 7:34 pm (utc) on Feb 17, 2012]
[edit reason] Thread Tidy [/edit]

3:08 am on Feb 18, 2012 (gmt 0)

New User

5+ Year Member

joined:Feb 16, 2012
votes: 0

It's kind of hard to tell what exactly you are trying to do here but it sounds like you are trying to put a dropshadow on a div with a repeating image.

You could put another div around the #containershadow, make it a little bigger and put the shadow there. Or better yet use CSS box-shadow on the #containershadow.