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
>
>
>
>
