Back at it again...
how do I add a drop shadow around the entire content area? Let's say my background is red and my content area is white and I want to add the shadowing around the content area so it 'lifts off' the red background- do I create another layer of background that is slightly larger than the content area or is there a CSS 'command' to do the shadow? I can only find one for text.
Thanks. This is taking me awhile but I'm learning stuff. Will post a somewhat finished 'product' when I'm happier with it..
There are no great ways to do drop shadows in css. There are some tricky ways but they basically involve putting your content box inside a box that is just a wee bit larger and make that box the color of your "shadow" then adjust the padding of the outer box to make the inner box sit flush upper and flush left (if you want the drop shadow to appear to the bottom right.
.
That's pretty much what I read. Not sure I can really rely on all browsers to show everything the same way, so I went with a border. Which I am assuming just 'glues' itself to the edge of the element! But I have to take it into consideration in sizing everything because when I did add it, all the elements started migrating east.
.
