Internet Explorer and Safari don't like round corners, why?
-
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?
-
Hi, do you notice the little
-mozthing 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?
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!
I thought the multi CSS border has covered IE browsers too
…looks good in chrome and FF on Linux
- You must be logged in to reply to this topic.
