Заоблен див

[Mapu0]

Здравейте,тъй като не съм много добър html-a ще ми трябва вашата помощ.

Имам една таблица и един див и трябва да направя ъглите да са заоблени.

Ето малко код,за да видиме дали ще можете да ми помогнете:

<div class="nifty">

<div class="title" align="right"><i><b>Регистрация</b>  </i></div><hr color="#FFFFFF" width="230" align="center" />
<b class="rtop"><b class="r1"></b><b class="r2"></b></b></b>
<br />
<div class="new"> 
хтмл таблицата тук
<div align="right"><input type="submit" name="register" value="Създай профил" class="button">
	</div> 
	</div>

</div>

и css:
[css]body{

background-image:url("../images/bg.png");
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
}
fieldset{
width:720px;
}

.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#3399FF; margin:0 5px;}
.b2 {height:1px; background:#3399FF; margin:0 3px;}
.b3 {height:1px; background:#3399FF; margin:0 2px;}
.b4 {height:2px; background:#3399FF; margin:0 1px;}
.content {background: white;border:5px solid #3399FF;border-top:none;border-bottom:none;}
.content div {margin-left: 0px;}

.b12, .b22, .b32, .b42{font-size:1px; overflow:hidden; display:block;}
.b12 {height:1px; background:#3399FF; margin:0 5px;}
.b22 {height:1px; background:#3399FF; margin:0 3px;}
.b32 {height:1px; background:white; margin:0 2px;}
.b42 {height:2px; background:#3399FF; margin:0 1px;}
.content2 {height:130px;background: white;border:0px solid white;border-top:none;border-bottom:none;}
.content2 div {margin-left: 0px;}

#submit {

background-image: url("../images/verMenuImages.png");
color: white;
display: block;
border: none;
font-size: 16px;
height: 39px;
margin: 4px auto;
padding-top: -8px;
text-align: center;
text-shadow: 0 1px 0 #298214;
width: 210px;
}
.button {
background-image: url("../images/verMenuImages.png");
color: white;
border: none;
font-size: 13px;
height: 39px;
margin: 10px auto;
padding-top: -10px;
text-align: center;
text-shadow: 0 0px 0 white;
width: 209px;
cursorointer;
border:none;
text-transform:uppercase;
font:bold 12px Arial;
}
.button:hover {
background-image: url("../images/verMenuImages.png");
color: red;
border: none;
font-size: 13px;
height: 39px;
margin: 10px auto;
padding-top: -10px;
text-align: center;
text-shadow: 0 0px 0 white;
width: 209px;
cursorointer;
border:none;
text-transform:uppercase;
font:bold 12px Arial;
}
.formata{
background-image:url(../images/inputt.png);
color: white;
width:199px;
height:36px;
padding-left:5px;
padding-right:5px;
font-size:18px;
border:0px;
}
.select{
background-image:url(../images/inputt.png);
color: black;
width:199px;
height:36px;
padding-left:5px;
padding-right:5px;
font-size:18px;
border:0px;
}
option.imagebacked {
padding: 2px 0 2px 20px;
background-repeat: no-repeat;
background-position: 1px 2px;
vertical-align: middle;
}
.nifty {
width: 50%;
background: white;
margin: 0 auto;

}
b.rtop, b.rbottom {
display:block;
background: #FFF
}
b.rtop b, b.rbottom b {
display:block;
height: 1px;
overflow: hidden;
background: black;
}
b.r1 { margin: 0 1px }
b.r2 { margin: 0 1px }
b.r3 { margin: 0 1px }
b.rtop b.r4, b.rbottom b.r4 { margin: 0 1px;height: 1px }

.title {
font-size: 19px;
font-weight: bold;
text-align:right;
font-family: arial, sans-serif, helvetica;
}
.new {
padding: 5px 5px 5px 5px;
text-align: center;
color: #fff;
font-size: 15px;
font-family: arial, sans-serif, helvetica;
}
#left {
width: 250px;
border: 1px solid #C5E100;
padding: 3px 3px 3px 3px;
float: left;
}
#center {
width: 250px;
border: 1px solid #C5E100;
padding: 3px 3px 3px 3px;
float: left;
margin-left: 20px;
}
#right {
width: 250px;
border: 1px solid #C5E100;
padding: 3px 3px 3px 3px;
float: left;
margin-left: 20px;
} [/css]

 

[Ev0luti0N]

[css].nifty {
width: 50%;
background: white;
margin: 0 auto;
-moz-border-radius: 20px;
border-radius: 20px;
}[/css]
:?:

 

[tedo96]

Така, вече ще бачка насякъде.
[css].nifty {
width: 50%;
background: white;
margin: 0 auto;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}[/css]

 

[kriss]

Така, вече ще бачка насякъде.
[css].nifty {
width: 50%;
background: white;
margin: 0 auto;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}[/css]

поправка - трябва да изтегли и това и да сложи PIE.htc в директорията с CSS файла и кодът му да е:
[css]
.nifty {
width: 50%;
background: white;
margin: 0 auto;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
behavior:url(PIE.htc);
}
[/css]
така ще работи и под IE бозата

 

[palex]

http://www.walkernews.net/2009/11/08/pure-css-rounded-corner-syntax-without-javascript-or-image/

 

[tedo96]

Под "всички" имах предвид съвременни.

 

[kriss]

Под "всички" имах предвид съвременни.

 

[Ev0luti0N]

Под "всички" имах предвид съвременни.

IE9 също е съвременнен :?:

 

[tedo96]

Под "всички" имах предвид съвременни.

IE9 също е съвременнен :?:

Под IE9 работи и без пая.