SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Enthusiast Mary_Itohan's Avatar
    Join Date
    Dec 2004
    Location
    e-Planet
    Posts
    96
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    css borders for my DIV dont work ???

    hi guys,
    I added a curved corner to my DIV but it does not seem to work.

    Pls advise
    thanks
    M

    .NBottom {
    position: fixed;
    bottom: 0px;
    left: 0px;
    background: #336699;
    color: #336699;
    width: 100%;
    padding: 18px;
    height: 5px;
    border-radius: 15px;
    border-top-right-radius: 10% 5%;
    border-top-left-radius: 10% 5%;
    border-bottom-right-radius: 10% 5%;
    border-bottom-right-radius: 10% 5%;
    }
    KISS - Keep It Simple Stupid

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,592
    Mentioned
    411 Post(s)
    Tagged
    6 Thread(s)
    That code should work OK. What browser are you testing it in? You also need to make sure the div has some height, or the % values will be meaningless. The current height of 5px makes it pretty hard to place any roundness on the div. 5% of 5px ain't much. (If you give the div a height of, say, 600px, you'll see that the rounding is indeed working.)

    You've specified bottom-right twice, so the bottom-left takes the value of the first (basically redundant) shorthand value.


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
  •