If you use the body element you will probably want to add some side padding to the body. So there is some breathing space between the box shadow & the content.
Phil DoughtyWeb Designer / Guitarist Phone: +971 50 8879936 On 24 June 2012 13:18, Phil Doughty <[email protected]> wrote: > I think what you originally thought of would be the best solution. > But you could play around with: > > body { > margin:0 auto; > max-width:1170px; > box-shadow:0 0 20px rgba(0,0,0,.14); > } > Phil DoughtyWeb Designer / Guitarist Phone: +971 50 8879936 > > > > > > On 24 June 2012 12:38, Nagy Viktor <[email protected]> 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 >> >> >> >> >
