Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] Regarding Rounded Corners

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #26989
    vijaysuman
    Participant

    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.

    #67252
    alastair612
    Participant

    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

    #67217
    TeMc
    Member

    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)
  • The forum ‘CSS’ is closed to new topics and replies.