homepage Welcome to WebmasterWorld Guest from 23.23.22.200
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Subscribe to WebmasterWorld
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderator: open

CSS Forum

    
Shadow container with background image
Belounsi




msg:4418768
 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.

Br,

Belounsi

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

 

branozZ




msg:4419037
 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.

[css-tricks.com...]

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