Skip to:
Content
Pages
Categories
Search
Top
Bottom

Internet Explorer and Safari don't like round corners, why?

  • @marius-

    Member

    I use a code in my theme in many places. This is to make the corners on boxes round. It’s this one here:

    -moz-border-radius-bottomleft:6px;
    -moz-border-radius-bottomright:6px;
    -moz-border-radius-topleft:6px;
    -moz-border-radius-topright:6px;

    IE don’t read it at all. So everything is square and sharp. Strange thing is, Safari on my Mac, only applies it for my Postwindow, but nowhere else. So one box is round, and the rest is square.

    Mozilla Firefox however, reads this code perfectly, and applies it to everything I’ve assigned this code to. So the forum looks best in Firefox, but is there a way I can make it look as good in the other browsers too?

Viewing 6 replies - 1 through 6 (of 6 total)
  • @dragunoff

    Member

    Hi, do you notice the little -moz thing in front of the CSS property? That is an internal Firefox only CSS property. IE does not support rounded borders at all (and maybe will not soon). Safari on the other hand and all other webkit based browsers (Chrome, Konqueror) do support it via their own special CSS properties.

    So for Safari(and Chrome) the code will be:

    -webkit-border-radius: 6px;

    for Konqueror (not very widespread but anyway):

    -khtml-border-radius: 6px;

    and since rounded borders are a property from the upcoming CSS3, here you have the standard definition (which you should also include for the bright moment in the future when all browsers will natively support it):

    border-radius: 6px;

    Of course using these properties will render your CSS invalid in the W3C validator.

    Extended info on CSS3 border-radius:

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

    Cheers :)

    Pssst! But hey – is that a bbPress issue? And why post in “Installation” subforum?

    @marius-

    Member

    Thanks man. Can I post both codes without them conflicting each other?

    Both border radius and mozilla codes?

    And using border-radius, do you have input each of the four corners, like in the Moz-code? Or can you just specify one line like the one you gave me?

    @johnhiler

    Member

    You might want to try the new CSS Q&A site that’s affiliated with stackoverflow… http://doctype.com

    I have nothing to do with it – but it’s designed for CSS Q&A! :-)

    @finalwebsites

    Participant

    I thought the multi CSS border has covered IE browsers too :(

    …looks good in chrome and FF on Linux :)

    @ashfame

    Participant

    @sambauers

    Participant
Viewing 6 replies - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.
Skip to toolbar