Home > Border Radius > Border Radius Not Working In Firefox 3.6

Border Radius Not Working In Firefox 3.6

Are we suddenly in a rush to bigger version numbers? Safari 4 is back, since some people can't upgrade to 5. Thanks Reply ↓ francisco Permalink to comment# June 29, 2015 Currently browsing in an Android 2.0.2 native's browser (this is a really un-updated browser, would not evem handdle any transition at Too bad, I used Firefox, and so does 41% of my visitors, so that's that, I guess Scott Gale 31 December, 2010 Here is a great example of how this can have a peek here

Especially for small radii. Reply ↓ ฟังเพลง on June 12, 2010 at 7:51 pm said: coollll but in Thailand has still use IE6 = =" Thanks. Hi, it works fine for me. border: 1px solid black ; border-radius: 10px ; -moz-border-radius: 10px ; -webkit-border-radius: 10px ; The first line sets a solid black border that is 1 pixel thick. navigate to this website

asked 6 years ago viewed 2384 times active 5 years ago Upcoming Events 2016 Community Moderator Election ends in 10 days Related 212CSS3's border-radius property and border-collapse:collapse don't mix. Pre-8.1 versions of Websense cause startup crashes in Firefox Firefox 3.6 is no longer supported What is Persona and how does it work? I've done my best to get things right here. Reply ↓ Jerry on October 28, 2009 at 9:46 am said: I wonder if my not setting a background color in the divs above has hidden other problems as well.

Reply ↓ francisco Permalink to comment# June 29, 2015 I meant border radius, not box shadows :- Arturo Permalink to comment# March 7, 2016 Thanks so much!!!!!! :) I used border-radius: i would rather not be spammed. show all 38 comments © Copyright 2016 Chirp Internet - Page Last Modified: 9 April 2016 - Privacy & Cookies top Search Log In Sign Up Blog Videos Almanac Snippets Forums Please link to us.

The individual corners can also be customised separately with: -webkit-border-top-right-radius -webkit-border-bottom-right-radius -webkit-border-bottom-left-radius -webkit-border-top-left-radius I don't know if the old versions of Safari have support for elliptical borders the way CSS3 does, Thanks! Reply ↓ Jerry on January 24, 2010 at 1:43 pm said: Sure enough, percentages are in the spec. I just took what I learned and took it a step further to keep rounded corners proportional on responsive images.

No changes that I could detect; I checked for support of non-prefixed standard border-top-left-radius but no change there either. Rich Wow that really great, thanks http://www.richtown.ae Bhasker Reddy Kottapally This does not seem to work in IE9. Reply ↓ Mike on January 11, 2011 at 2:08 pm said: Thanks for this your table is going to be so helpful and save me so much time when trying to Hooray!

Ravi Shanker 19 August, 2011 This doesn't work in Internet Explorer 8. Lea Verou If you can't be arsed to provide any details, I can't be arsed to help. Working with Firefox, Chrome and Opera, I tried to give Opera a different border-radius value to the other browsers such that it would display proper square corners whilst leaving Firefox and please post your comments Reply ↓ ThatWeirdo Permalink to comment# March 6, 2013 OMG that green color used in the example is "BADASS" in hex value!!! - #BADA55 Reply ↓ domme

Stay tuned to the Surfin' Safari blog linked below for the latest exciting developments. navigate here I have tested it in firefox 12 and nightly. more hot questions question feed default about us tour help blog chat data legal privacy policy work here advertising info mobile contact us feedback Technology Life / Arts Culture / Recreation The fonts are Source Sans Pro and Source Code Pro.

Hope I helped some desperate android border-radius obsessed designer ;) Reply ↓ Do choi phong the Permalink to comment# December 20, 2012 NIce. The picture below shows the top right corner of the box, with the radius marked. Only need one corner beveled in this case… How to only have the top right corner beveled? Check This Out Anyway.

Mohamed Shokry you did a great Job any one need border use 2 elements by z-index on up on the back one the same border color and width = calc(100% + New short-hand properties The following syntax is now working in Firefox and Opera allowing you to specify not only matching elliptical corners, but also different elliptical corners in one shorthand property. PS: For my twitter friends, I had already written this when the robbers came and I was about to post it.

Bookmark the permalink.

Does any one have a solution..?? Why is looping over find's output bad practice? Although the current version of Safari supports border-radius, older versions also include their own proprietary equivalents, called -webkit-border-radius. Lea Verou 1.

When you start or reply in a thread, you are automatically subscribed to all replies. You may leave in the -moz-border-radius rule to have support for visitors with older Gecko based browsers. The CSS code below puts the standard CSS 3 rule together with the non-standard extensions from Firefox and Safari. this contact form This is one of those pages.

Do you know if a solution exists for this circumstance without resorting to something like javascript (I tried the jquery corners option, but this did not work as it assumes Opera radial-gradient is overriding the first styles, as they are otherwise the same for both. 3. I would go for the first option, cause it looks like you're using the table for layout only, which is bad markup anyway ;-) share|improve this answer answered Nov 29 '15