Jump to content


Photo
- - - - -

Rounded Corners


  • Please log in to reply
2 replies to this topic

#1 cfimortgage

cfimortgage

    Advanced Member

  • Members
  • 56 posts
  • Country: Country Flag

Posted 14 February 2011 - 05:01 PM

Ok I have read every post I can find about rounded edges on this site and I cant seem to get any of them to work. Let me first start by saying... they all work but I used the css listed below and it works but there seems to be a white box around page-canvas that I cant figure out how to round off too. I noticed this once I set a border around the page-canvas. I see the rounded edges that are normally hidden buy the still squared off while back ground. #page-canvas { -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px } See:

Please Login or Register to see this Hidden Content

for an example of what I am talking about. Notice the white edges outside of the red.

#2 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts
  • Country: Country Flag

Posted 14 February 2011 - 05:46 PM

You need to add the corners to a more parent element. ` body #page { background-color: white; border-bottom-left-radius: 15px 15px; border-bottom-right-radius: 15px 15px; border-top-left-radius: 15px 15px; border-top-right-radius: 15px 15px; } `

#3 cfimortgage

cfimortgage

    Advanced Member

  • Members
  • 56 posts
  • Country: Country Flag

Posted 14 February 2011 - 06:52 PM

Thank you very much for the help.