ansaurus

Question

how to make round corner of div

Answer 1

+1 A:

Standards-aware solution would be to use border-radius of CSS 3.

See http://www.css3.info/preview/rounded-border/

Ain 2010-06-21 10:42:59

but its not going to work in IE

Pranay Rana 2010-06-21 10:45:35

@pranay_stacker: It will in future versions. Meanwhile, it's good enough and more important features can be addressed -- instead of trying to make bad browsers look good.

Brock Adams 2010-06-21 10:47:54

Agreed with @Brock. The best practice would mean feature-based filtering instead of browser sniffing. If border-radius is not on, use one of those JS libraries that achieve the same border-radius functionality. IE should not determine the implementation, but suffer of slower performance over its obsolete engine. Unfair to make modern platforms suffer instead.

Ain 2010-06-21 11:05:39

Answer 2

A:

I currently use this implementation which works great in IE7,8, FF, Chrome.

UserControl 2010-06-21 11:04:56

Answer 3

+1 A:

-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;

As noted earlier, this will not work in IE. But the newer version of IE will support it I believe (correct me if I'm wrong, please).

Worst case scenario, IE users will not see rounded corners. For more about the border radius property the following is a good article.

Russell Dias 2010-06-21 11:11:50

ansaurus

tags:

views:

answers:

how to make round corner of div

related questions