SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Guru
    Join Date
    Jul 2003
    Location
    england
    Posts
    819
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Question Rounded Corners in Neted DIV

    I'm able to visibly see the corners that I have on my page in a browser, but, it seems that my "wrapper" is to wide and too tall going past the corners. I've tried to resize it, but every time I resize it, the rounded corners flow with "wrapper" instead of staying in it's 'cornered' position.

    top-left.gif and top-right.gif are nothing more than 10px X 10px image.

    I have posted my code:

    HTML Code:
    <div id="wrapper">
    
    	<div class="top">
    	<div></div>
    	</div>
    </div>
    CSS:
    Code:
    .top div {background: url(top-left.gif) no-repeat top left; }
    .top {background: url(top-right.gif) no-repeat to right; }
    .top div, .top {
    width: 100%;
    height: 10px;
    }
    Unfortunately I don't have a URL, but I hope I made sense in my description.

    So, what can I do?

    Heather

  2. #2
    SitePoint Wizard bronze trophy Centauri's Avatar
    Join Date
    May 2007
    Location
    Newcastle, Australia
    Posts
    3,718
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Make sure that padding and borders on #wrapper are zero, and it should work.


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
  •