Comments on: Rounded Corners in Mozilla Firefox http://davidwalsh.name/rounded-corners-firefox Legendary scribbles about JavaScript, HTML5, AJAX, PHP, CSS, and ∞. Thu, 09 Sep 2010 10:38:51 +0000 hourly 1 http://wordpress.org/?v=3.0.1 By: Marcushttp://davidwalsh.name/rounded-corners-firefox/comment-page-1#comment-14478 Marcus Sun, 13 Dec 2009 23:54:51 +0000 http://davidwalsh.name/?p=1041#comment-14478 I say just use CSS3 properties for the rounded corners and any shadowing, they're aesthetics anyway and won't break on IE just end up square. This way no hacks, no reliance on Javascript and a kick in the teeth to Microsoft for not supporting W3C standards."OOh I'm gonna start using Firefox as my current browser makes everything look ugly" :-) I say just use CSS3 properties for the rounded corners and any shadowing, they’re aesthetics anyway and won’t break on IE just end up square. This way no hacks, no reliance on Javascript and a kick in the teeth to Microsoft for not supporting W3C standards.

“OOh I’m gonna start using Firefox as my current browser makes everything look ugly” :-)

]]> By: Darvinhttp://davidwalsh.name/rounded-corners-firefox/comment-page-1#comment-4312 Darvin Sat, 27 Dec 2008 10:43:24 +0000 http://davidwalsh.name/?p=1041#comment-4312 You can make curved corned in any browser using 3line css. you can get it here. Using Behavior for ie version. It works fine. http://www.htmlremix.com/curved-corner-border-radius-cross-browser/ You can make curved corned in any browser using 3line css.
you can get it here. Using Behavior for ie version. It works fine.
http://www.htmlremix.com/curved-corner-border-radius-cross-browser/

]]> By: Nathan Chancellorhttp://davidwalsh.name/rounded-corners-firefox/comment-page-1#comment-4280 Nathan Chancellor Mon, 22 Dec 2008 17:14:08 +0000 http://davidwalsh.name/?p=1041#comment-4280 I love rounded corners. I really wish Internet Explorer supported them. There is also the <code>-khtml-</code> prefix. I love rounded corners. I really wish Internet Explorer supported them. There is also the -khtml- prefix.

]]> By: Paul Davishttp://davidwalsh.name/rounded-corners-firefox/comment-page-1#comment-4246 Paul Davis Thu, 18 Dec 2008 14:04:17 +0000 http://davidwalsh.name/?p=1041#comment-4246 This is one of the few browser specific tricks I know, for FF and webkit. I still think that the jQuery corners plug-in is more usable, but I'm really concious of IE users. Probably to much. This is one of the few browser specific tricks I know, for FF and webkit. I still think that the jQuery corners plug-in is more usable, but I’m really concious of IE users. Probably to much.

]]> By: Jameshttp://davidwalsh.name/rounded-corners-firefox/comment-page-1#comment-4241 James Wed, 17 Dec 2008 18:00:40 +0000 http://davidwalsh.name/?p=1041#comment-4241 You might want to mention that it's a CSS3 property... You might want to mention that it’s a CSS3 property…

]]> By: Tomhttp://davidwalsh.name/rounded-corners-firefox/comment-page-1#comment-4240 Tom Wed, 17 Dec 2008 17:45:05 +0000 http://davidwalsh.name/?p=1041#comment-4240 And there's some Konquerer action too I believe. -khtml-border-radius or something like that.It's all good stuff for intranets and such, if you want a slightly more polished look within a "closed system" where you have control over the browser used and so on. And there’s some Konquerer action too I believe. -khtml-border-radius or something like that.

It’s all good stuff for intranets and such, if you want a slightly more polished look within a “closed system” where you have control over the browser used and so on.

]]> By: davidhttp://davidwalsh.name/rounded-corners-firefox/comment-page-1#comment-4235 david Wed, 17 Dec 2008 14:23:12 +0000 http://davidwalsh.name/?p=1041#comment-4235 <p>@Livingstone: Correct, but the syntax is slightly different. Look forward to that tomorrow. :)</p> @Livingstone: Correct, but the syntax is slightly different. Look forward to that tomorrow. :)

]]> By: Livingstonehttp://davidwalsh.name/rounded-corners-firefox/comment-page-1#comment-4234 Livingstone Wed, 17 Dec 2008 14:21:53 +0000 http://davidwalsh.name/?p=1041#comment-4234 This is also available with <a href="http://www.css3.info/border-radius-apple-vs-mozilla/" rel="nofollow">webkit</a> This is also available with webkit

]]> By: hartumhttp://davidwalsh.name/rounded-corners-firefox/comment-page-1#comment-4233 hartum Wed, 17 Dec 2008 14:17:12 +0000 http://davidwalsh.name/?p=1041#comment-4233 you can find a crossbrowser CSS round corner here: http://www.htmlremix.com/curved-corner-border-radius-cross-browser/and a crossbrowser JS here: http://dillerdesign.com/experiment/DD_roundies/ you can find a crossbrowser CSS round corner here:
http://www.htmlremix.com/curved-corner-border-radius-cross-browser/

and a crossbrowser JS here:
http://dillerdesign.com/experiment/DD_roundies/

]]> By: Clinton Montaguehttp://davidwalsh.name/rounded-corners-firefox/comment-page-1#comment-4232 Clinton Montague Wed, 17 Dec 2008 14:09:03 +0000 http://davidwalsh.name/?p=1041#comment-4232 Webkit browsers also have similar capabilities using -webkit-border-radius which are closer to the standard which the W3C are proposing for CSS3.<a href="http://www.css3.info/preview/rounded-border/" rel="nofollow">Webkit and Moz border radius examples</a><a href="http://www.w3.org/TR/2005/WD-css3-background-20050216/#the-border-radius" rel="nofollow">W3C CSS3 border radius spec</a> Webkit browsers also have similar capabilities using -webkit-border-radius which are closer to the standard which the W3C are proposing for CSS3.

Webkit and Moz border radius examples

W3C CSS3 border radius spec

]]>