The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Drop Shadow effect around a div

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #34738

    HI all
    iam new to this css world . i am programmer i got a task to design a site with the following effect as shown in the below site.
    i want my page to look like the following site
    in this site it has rounded corners .i am fine without the rounded corners but all i need is shadow effect on all the 4 sides
    thanks and regards


    I see mostly a borders not a shadow. But you can try box-shadow.


    hi thanks for your reply ChristopherBurton
    box shadow guess will not work with < IE8 's i checked online .
    iam talking about the border outside the content area in the url i have given


    You can use box-shadow and then for older versions of IE use an image for fallback. That is the only way I’m aware of.


    You can use box-shadow along with CSSPIE, works in IE.


    Kris, the effect on that site is done entirely w/ graphics. (See: link to one piece of their BG.)

    The question is: do you need for your method to support all browsers equally? If so, mangling CSS (i.e. CSSPIE or similar), CSS with conditional IE statements, or image assets will be required. Basically, it’s a mess if you require support for non-compliant browsers.

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.