3 Replies - 429 Views - Last Post: 29 January 2013 - 05:13 AM

#1 adithya915  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 2
  • Joined: 29-January 13

Problem - while giving rounded corners

Posted 29 January 2013 - 04:28 AM

Problem - while giving borders i am not able to get the rounded corners in google chrome and mozilla
<!DOCTYPE html>
<html>
<head>
<style> 
div
{
border:1px solid #a1a1a1;
padding:10px 40px; 
background:#dddddd;
width:300px;
border-radius:25px;
}
</style>
</head>
<body>

<div>The border-radius property allows you to add rounded corners to elements.</div>

</body>
</html>




Is This A Good Question/Topic? 0
  • +

Replies To: Problem - while giving rounded corners

#2 Atli  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 3717
  • View blog
  • Posts: 5,981
  • Joined: 08-June 10

Re: Problem - while giving rounded corners

Posted 29 January 2013 - 04:34 AM

Which versions of Mozilla and Chrome? The code you posted works fine in the latest versions of both.

Keep in mind that the border-radius style is relatively new; a part of the CSS3 spec. Support for it won't exist in older versions of any of the major browsers. (Though you have to go pretty far back for Firefox and Chrome.)

You can see a compatibility list at the bottom of the Mozilla Docs page on the style:
border-radius - CSS |MDN
Was This Post Helpful? 1
  • +
  • -

#3 adithya915  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 2
  • Joined: 29-January 13

Re: Problem - while giving rounded corners

Posted 29 January 2013 - 04:46 AM

Thank u sir
Was This Post Helpful? 0
  • +
  • -

#4 andrewsw  Icon User is online

  • Fire giant boob nipple gun!
  • member icon

Reputation: 3358
  • View blog
  • Posts: 11,372
  • Joined: 12-December 12

Re: Problem - while giving rounded corners

Posted 29 January 2013 - 05:13 AM

Can I Use is extremely useful!
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1