Hi.

I'm trying to create a div with rounded corners. I've used images for the corners. The problem is that the browser only displays the four rounded corners.. but doesn't display the content box(or the div with the background color). I've tried it in IE as well as in mozila firefox. But, the same problem exists. So, i think the problem is with the code and not with browsers. But, I'm unable to figure it out.

Here's an attachment of the code below. It would be great if anyone could help.

simple.html

why not do it in CSS3, no images and then use http://css3pie.com/ to help IE along?

Hi.

I'm trying to create a div with rounded corners. I've used images for the corners. The problem is that the browser only displays the four rounded corners.. but doesn't display the content box(or the div with the background color). I've tried it in IE as well as in mozila firefox. But, the same problem exists. So, i think the problem is with the code and not with browsers. But, I'm unable to figure it out.

Here's an attachment of the code below. It would be great if anyone could help.

.divName {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

 

Change the number to what ever you want. My link - use this to generate your code, saves you time! You can specify each corner.

Edited May 23, 201115 yr by j5-payne