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: for an example of what I am talking about. Notice the white edges outside of the red.
Rounded Corners
Started by
cfimortgage
, Feb 14 2011 05:01 PM
2 replies to this topic
#1
Posted 14 February 2011 - 05:01 PM
#2
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
Posted 14 February 2011 - 06:52 PM
Thank you very much for the help.










