SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Guru Todd Temple's Avatar
    Join Date
    Mar 2005
    Location
    Tennessee
    Posts
    797
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Shadow Effect Is Being Clipped

    LINK-
    http://thisiswhereiplay.com


    Shown in the link above, the DIV id "content" with the class of "shadow" seems to be clipped or cropped on the top edge. My intent is to have the shadow overlay on top of the div id "slogan" above it. Can someone help me figure this out?

    Thanks in advance,
    Todd
    Todd Temple > T2 Design

  2. #2
    I solve practical problems. bronze trophy
    Michael Morris's Avatar
    Join Date
    Jan 2008
    Location
    Knoxville TN
    Posts
    2,023
    Mentioned
    62 Post(s)
    Tagged
    0 Thread(s)
    Padding sir, padding. Box shadows cannot extend outside the bounds of the containing element.

    Code css:
    #content-container { padding: 3em; margin: -4em 0 90px; }

  3. #3
    SitePoint Guru Todd Temple's Avatar
    Join Date
    Mar 2005
    Location
    Tennessee
    Posts
    797
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Michael for the hometown answer(Knoxville). I did not know that... obviously!
    Todd Temple > T2 Design


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •