SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    Non-Member somendra's Avatar
    Join Date
    Dec 2012
    Location
    Noida, India
    Posts
    57
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Problems in rounded corners

    I am working on wordpress theme. Many websites and especially wordpress using rounded corners and I also want to use them, making my boxes look like this: http://illbequirky.com/. The problem is it doesn't work in IE. Can anyone suggest me what should I do?

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,296
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    border-radius works in IE now since version 9. Older browsers can just have square corners. If you really care, you can use JS for older browsers, such as http://css3pie.com/ .

  3. #3
    SitePoint Enthusiast seanuk's Avatar
    Join Date
    Dec 2012
    Location
    UK
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Agree with @ralph.m ; older browser don't #need# rounded corners, they don't change the content, and content is most important. you can't make a website look exactly the same in every browser & operating system combination.

  4. #4
    SitePoint Addict Zapppa's Avatar
    Join Date
    Aug 2009
    Posts
    315
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Code:
    -webkit-border-radius:0.5em;
    -moz-border-radius:0.5em;
    -ms-border:radius:0.5em;
    -o-border-radius:0.5em;
    border-radius:0.5em;
    Add those to whatever elements you need rounded. Change the value up or down for less or more roundness.
    In most cases now you dont need the vendor prefixes, but for slightly older browsers it will help.


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •