asked on

html border radious browser compitable issue

Hi,

can you give me solution that how we can compatible - html border radius in all browser as like, ie6, 7, 8, 9 and other... because i know that it is compatible on Firefox and chrome other..

thank you..

Jon Norman

Border radius is only in css3, which is supported in IE9+, Firefox 4+, Chrome, Safari 5+, and Opera.
http://www.w3schools.com/cssref/css3_pr_border-radius.asp

There was no css equivilent for css2.

You would need to go a lot of effort with divs, with background images. Here is how to do it:
http://www.sitepoint.com/css-round-corners-boxes-curves/

is it worth it???

SHOAB

ASKER

My dear i know these code any other help me...

ASKER CERTIFIED SOLUTION

Jon Norman

membership

Create a free account to see this answer

Signing up is free and takes 30 seconds. No credit card required.

See answer

SHOAB

ASKER

IE-9-Border-and-BG-Problem not working properly..

Jon Norman

Sorry SHOAB, from this I cannot understand what is not working.

SHOAB

ASKER

Dear Jon,

every browser it is OK but ie9. border not in same shape and background not visible.

thank you

Jon Norman

can you post the html or a url where I can see please?

SHOAB

ASKER

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<style type="text/css">

.box2 {
background-color:#f5f5f5;
width: 420px;
height: 220px;
margin: 0 auto 35px auto;
padding:10px;
color: #000;
font-weight: bold;
border: 1px solid #DFE0E0;

-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior: url(border-radius.htc);
}

</style>
</head>

<body>
<div class="box2">
this cat is a hybrid of domestic and wild breeds :)
</div>
</body>
</html>

Jon Norman

I have attached ie v9 (windows 7)

and firefox v12 (mac osx lion)

screen shots, they look the same to me. I know in internet explorer you can turn off some of the behaviours, I guess that you have some turned off. I suggest that this is about as close as you are going to get.