I think I got it working with an inner inside the container. Not sure if you would prefer that to an outer container.
http://jsfiddle.net/Sherbrow/agzTt/1/ On Sunday, June 24, 2012 10:38:49 AM UTC+2, Nagy Viktor wrote: > > hi, > > I have a simple layout like > > body > header.container > div#main.container > footer.container > > I would like these elements to be surrounded with a single shadow box > > something like > > .container {background-color: #fff;box-shadow:0 0 20px rgba(0,0,0,.14)} > > of course, I could wrap all 3 into a wrap > > body > div#wrap.container > header > div#main > footer > > but I don't like this solution (as I'm using the roots wordpress theme), > and I'm thinking on how to achieve the same, single-shadow like look&feel > without the wrapper > > any ideas on your side? > V > > > >
