SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Wizard nofel's Avatar
    Join Date
    Aug 2007
    Location
    Earth
    Posts
    1,766
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    rouded corner issue.

    hey all. i m trying to get rounded corner effect. i managed to get the top rounded corners but the bottom lower corners aren't coming up. they r showing in bottom of the screen.(another issue i addressed in another thread) here is the link to show live example of what i m saying http://ammardesigns.com/sandbox/test.php i want it to show right where the text ends in dynamic div. where am i going wrong?
    All those who wander aren't lost.

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,355
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    You have set the height of the div to 500px and not provided any overflow yet the div is much higher than 500px so the overflow is cut off.

    Remove the height or set overflow.

    Code:
    .dynamic {
        background-color:#0066a4;
        margin-left:208px;
        margin-top:50px;
        /*height:500px;*/
        color:#FFFFFF;
        overflow:auto;
    }
    .leftbottom {
        background:url(http://ammardesigns.com/sandbox/images/ll.jpg) left;
        width:22px;
        height:22px;
        float:left;
        clear:left;
        margin-top:-22px;
    }
    .rightbottom {
        background:url(http://ammardesigns.com/sandbox/images/lr.jpg) right;
        width:22px;
        height:22px;
        float:right;
        margin-top:-22px;
    }

  3. #3
    SitePoint Member
    Join Date
    Nov 2009
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    CSS3 will have rounded corners for firefox and chrome you can use the
    -moz-border-radius and -webkit-border-radius respectively


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
  •