Заоблени ъгли с css

[Foxy]

Здравейте! Направих заоблени ъги, но по лесния начин с css3, но повечето браузъри не го поддържат и става тъпо. Опитвах се да направя заоблените ъгли от урока в сайта на аниматора, но не успях. Може ли да ми покажете примерно на този див как да го направя, а аз ще си направя останалите:

echo "
 				 <div style='width: 100px; height: 65px; border: 1px solid #9cbb44; -moz-border-radius: 10px;'>
 				 <div style='border-bottom: 1px solid #9cbb44;'><b>Админ</b></div>
	 			 <a href='admin/edit-statiq.php?id=$data[id]'>Редактирай</a><br />
	 			 <a href='admin/delete.php?statiq=$data[id]'>Изтрий</a>
	 			 </div>
		  		 <br />
			 	 ";

 

[djpatzo]

в кода преди таблицата или в дива слагаш следното.

<b class="rtop" STYLE="margin:-3px -3px -4px -3px;"><b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b></b>

Това е за горната част на таблицата или дива. Сега следва за долната и след това CSS-а.

<b class="rbottom" STYLE="margin:-4px -3px -3px -3px;"><b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b>

Ето и това което трябва да сложиш в CSS.

.rtop, .rbottom{
display:block;
background:#1b5689;
}
.rtop *, .rbottom *{
display: block;
height: 1px;
overflow: hidden;
background:#ededed;
}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{
margin: 0 1px;
height: 2px
}

Аз ползвам този начин и нямам проблеми. Единствено в IE7 прави като сменяш от нормал на full screen. Раздалечават се малко схемите.