Grow your CSS skills. Land your dream job.

[Solved] Regarding Rounded Corners

  • # November 30, 2009 at 2:41 am

    i used -moz-border-radius:5px; for mozilla its working fine in mozilla
    i used -webkit-border-radius:5px for Internet explorer rounded corners are not comming. is there any file to include my page.

    # November 30, 2009 at 4:38 am

    As far as i know, Internet Explorer does not use webkit, I think Safari and Chrome do though so "-webkit-border-radius:5px" should do rounded corners in those browsers. Chris has a pretty good video in rounded corners http://css-tricks.com/video-screencasts/24-rounded-corners/ and I used the jQuery method http://methvin.com/jquery/jq-corner.html, it appears to work in internet explorer for me.

    Al

    # November 30, 2009 at 9:44 am

    Yep, correct.

    -moz is the proprietary css for all Mozilla-based browsers (such as Firefox, Camino, Flock etc.)

    -webkit is the proprietary css for all Webkit-based browsers (such as Chrome, Safari, Mobile Safari (iPhone/iPod touch), Shiira etc.)

    Internet Explorer is kinda the annoying kid in the branch, and used neither Mozilla or Webkit. Instead Microsoft built their own thing that sucks badly, and sadly costs us developers the most time.

    Regarding the rounded corners though, I’d say, unless they are part of your brand of corporate identity, I recommend using the -moz and -webkit commands. The only thing that will happen in Internet Explorer is that those corners will be square. Yeah, big deal, nobody cares about that.

    That saves you from loading any unnecessary images or code.

    EDIT: For an overview of all populair webbrowsers and their used "engine" see here: http://en.wikipedia.org/wiki/List_of_web_browsers

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".