Results 1 to 3 of 3

Thread: CSS3 Rounded Corners using moz-border-radius not round in FF, IE8, Opera

  1. #1
    Join Date
    Jan 2010
    Posts
    7
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default CSS3 Rounded Corners using moz-border-radius not round in FF, IE8, Opera

    1) Script Title: CSS3 Rounded Corners using border-radius

    2) Script URL (on DD): http://www.dynamicdrive.com/style/cs...er_radius/P10/

    3) Describe problem: For sometime (1-2 years) rounded corners as described on page above were rounded in FF, but for several months already they appear like square in FF14.0.1 - and on DD page above all corners are square in FF, IE8 and opera, same on my page www.lawandsea.net. But somehow moz-border-radius property works with forms (http://www.vooshthemes.com/demos/css...tact-form.html). Any solution for div tags?

    Thanks. Igor.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Just about everything -moz- has been deprecated in Mozilla of which Firefox is a member. They and all modern browsers conforming to CSS 3 standards now use the actual CSS 3 property, in this case:

    Code:
    border-radius:
    so add it to your style declaration, use the same values for it that you are using for -moz-border-radius.

    In fact, just about anything -moz- that's broken can be fixed by adding it without the -moz- prefix. For example, what used to be -moz-opacity, is now just opacity. You can do this with almost anything and it will work, and it has the added benefit of often also working in other CSS 3 browsers like IE 9 and Opera.

    In a few years, no one will be using -moz-, -webkit-, -khtml-, or -ms- (yes IE has those for some things in some of its browsers), because the standard CSS 3 property without any of these prefixes will be universally supported.

    But for now they're still required or at least sort of nice for backward compatibility.
    Last edited by jscheuer1; 08-14-2012 at 04:32 PM. Reason: precision in text
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Jan 2010
    Posts
    7
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Thanks a lot. May be some updating of "CSS3 Rounded Corners using border-radius" page will do no harm as well? I was suspecting that browser does not recognize this code anymore but unfortunately could not find any answer.
    Igor.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •