What is the best semantic and valid method to make drop shadow around whole #wrapper? on all side. horizontally can be fixed but vertically should be expandable.
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
What is the best semantic and valid method to make drop shadow around whole #wrapper? on all side. horizontally can be fixed but vertically should be expandable.
If you are willing to go with another, non semantic method for IE, you could simply use CSS 3 for current (Webkit and Gecko based) browsers:
(source: css3.info)
Of course, for IE you have a few other options.
Use a single image for the background with a drop shadow.
Use some CSS trickery to have a few wrapper divs with some small borders that composite the shadow.
Use javascript to create the drop shadow.
The last one has the advantage of given you the chance of using the CSS
box-shadowon CSS3 enabled browsers, and the Javascript drop shadow on the rest (IE/Opera).