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
  • #26989

    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.


    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 and I used the jQuery method, it appears to work in internet explorer for me.



    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:

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.