Problem with rounded corners (tabula rasa)

[carisma_sensei]

I made the layout you see in inconformista a long time ago, and it had rounded corners. Right now I went to see the community as I'm planning to revamp it soon, but to my surprise the corners look all... wonky? As seen here.

The rounded corners are styled under #primary. Is it a change in the Tabula Rasa overrides/CSS that I'm not aware of, or is it the browser? I use Firefox 4.0.1

Thanks in advance!

Comments

[seleneheart]

Yes, it's a slight problem with the new Firefox. The way you have it set now, the rounded border is only on half the corner. If you use

-moz-border-radius: 4px;

without all the 'topright' stuff, it should make all four corners of the element have rounded corners.

[carisma_sensei]

So now it doesn't work with "%"? I tried it and it didn't work, but did it with "px" and it did.

[carisma_sensei]

And how can I do it if I just want a top-left or top-right rounded corner? o-o

[seleneheart]

You can put the top/bottom stuff in. Sorry for the confusion earlier.

[carisma_sensei]

So the only thing messing the layout is the "%"? Thanks for your help!

[carisma_sensei]

And one last question (lol sorry but they didn't come all at once and I don't know how to edit my messages xD

Is this just for Tabula Rasa / DW stylesheets? Because I checked with my livejournal layouts and they work fine!

[seleneheart]

I've had some LJ layouts get messed up when I switched FF. It depended on how I had coded them originally.

[foxfirefey]

It's working for me but I'm still in FF 3.6, so my guess is it has to do with FF 4. You are only using the -moz-border-radius version as far as I can see.

Check out this article for details on the CSS3 version of the border radius property and I bet it'll fix your issues when you add in border-radius versions!

[carisma_sensei]

I just changed it according to selenaheart's instructions ^^ That's why you only see that. But I'll study that article for future reference, thanks a lot!

[foxfirefey]

Oh sweet! I'm glad it got worked out.