Yes, CSS was used, here is the rule that controls it:
div#wrapper {
position: relative;
margin-right: auto;
margin-left: auto;
text-align: left;
width: 754px;
padding: 0 8px;
background-image: url("../images/shadowBg.png");
background-repeat: repeat-y;
}
The drop shadow was achieved with the image shadowBG.png. This image is
770px wide and 5px tall. It is then repeated down the y-axis so that the
image grows with with whatever the size of this wrapper is.
Then the shadow at the bottom is done much the same way through this rule:
div#footerWrapper {
margin: 0 auto;
padding-top: 3px;
text-align: center;
background-image: url("../images/footerBg.png");
background-repeat: no-repeat;
width: 770px;
height: 32px;
color: white;
clear: both;
}
Where the background image footerBG.png contains the shadows.
TMH Design wrote:
> Can (was) CSS used to give this page's containing element the drop shadow
> appearance?
>
>
>
>
>
> http://www.clubcorp.com/clubs.aspx
>
>
>
> Thanks
>
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
--
Joe Huggins MSW, MSCIS
University of Colorado Health Sciences Center
Clinical Science Program
(W) 303.399.8020 ext 3096
(C) 303.903.8352
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
