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/