Forums

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
    Posts
  • #34738
    kris1982
    Member

    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
    http://www.hungerfreeforever.com/
    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

    #88923
    chrisburton
    Participant

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

    #88924
    kris1982
    Member

    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

    #88925
    chrisburton
    Participant

    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.

    #88926
    Remeste
    Member

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

    #88929

    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.