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?

[@dragunoff Member 15 years, 12 months ago]

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 15 years, 12 months ago]

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 15 years, 12 months ago]

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 15 years, 12 months ago]

I thought the multi CSS border has covered IE browsers too

…looks good in chrome and FF on Linux

[@ashfame Participant 15 years, 12 months ago]

http://woork.blogspot.com/2009/08/css3-rounded-corners-for-every-browser.html

[@sambauers Participant 15 years, 12 months ago]

https://trac.bbpress.org/browser/trunk/bb-templates/kakumei/style.css?rev=2349#L113

https://trac.bbpress.org/browser/trunk/bb-templates/kakumei/style.css?rev=2349#L139