homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

Shadow container with background image

Msg#: 4418766 posted 2:08 pm on Feb 17, 2012 (gmt 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]



Msg#: 4418766 posted 3:08 am on Feb 18, 2012 (gmt 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.


Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved