On Tue, Nov 15, 2011 at 3:15 PM, mem <talofo.l...@gmail.com> wrote:
> Hello all,
>
> I'm building the following:
>
> http://help.nuvemk.com/floatedFluidLayoutHtml5/
> http://help.nuvemk.com/floatedFluidLayoutHtml5/style.css
>
> Line 125 and next I have:
>
> #navigation-and-slideshow {
>    width: 100%;
>    overflow: hidden;
>    background-color: #fff;
>    padding: 10px 1%;
>    box-shadow: 1px 1px 3px #999;
> }
>
> The right shadow will however appear if I change the width to: 97% or less;
>
> How can I fix this behavior in order to have the shadows properly showed with 
> the proper width ?
>
> Tested on FF 7.0.1 Mac Os X;
>
> Thanks a lot,
> mem


Hey mem,

If the shadow only displays when your container is set to 97% then you
should change the width to 97%.  The shadow is added to the outside of
your container.  If you don't allow enough space around your container
to the right and bottom (in your case) then the containing element
(<header> will eclipse the shadow.  FWIW, in Chrome 98% seems to work
just fine.

Best,
Tim

-- 

tim.arn...@gmail.com
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to