CSS - rounded corners IE

Discussion in 'CSS' started by durgesh871, Jun 30, 2010.

  1. #1
    I've spent a full day trying to figure out how to make my fanpage box have rounded corners that will show up if someone uses ie as their browser (it works beautifully for firefox) - please help
     
    durgesh871, Jun 30, 2010 IP
  2. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #2
    Rounded corners only works in modern browsers, not IE.
     
    drhowarddrfine, Jun 30, 2010 IP
  3. MervinJ

    MervinJ Peon

    Messages:
    60
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    MervinJ, Jun 30, 2010 IP
  4. kidsko

    kidsko Well-Known Member

    Messages:
    753
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    110
    #4
    I've been following this trend as well and I have to say that its not really worth your time right now as browsers are basically just getting to the point now where they are 'experimenting' with it. I would just design it around a GIF/JPG/PNG or whatever other format rather than going CSS. Unfortunately its 2010 and IE still is stuck in 1995.
     
    kidsko, Jun 30, 2010 IP
  5. Master_Seller

    Master_Seller Well-Known Member

    Messages:
    731
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    110
    #5
    I have attached a zip file, it will explain as well as give you the demo of getting rounded corner in IE6,7 etc. No extra markup is required.
     
    Master_Seller, Jun 30, 2010 IP
  6. ked38

    ked38 Peon

    Messages:
    232
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Round corners for IE6,7, the subject that I must learn more.(Still many companies using ie6 NOW here!!!!)
    Will re-read again.
    Thanks much for the sharing.


    Ked
     
    ked38, Jul 1, 2010 IP
  7. unigogo

    unigogo Peon

    Messages:
    286
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #7
    unigogo, Jul 3, 2010 IP
  8. mahendra rajeshirke

    mahendra rajeshirke Active Member

    Messages:
    402
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    60
    #8
    yes there is way to do dat for IE

    follow the link http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser

    i think u also need to download the .htc file

    http://code.google.com/p/curved-corner/downloads/detail?name=border-radius.htc
    here i used the css for my border style for IE

    * the astrix to target IE. and filter is to give shadow to div , in IE
     
    Last edited: Jul 7, 2010
    mahendra rajeshirke, Jul 7, 2010 IP
  9. ValDeV

    ValDeV Member

    Messages:
    130
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #9
    There's a few scripts out there but alot of them cause weird shadows in IE. It's almost always better to just make a rounded image in photoshop, div and absolute top:-??px
     
    ValDeV, Jul 7, 2010 IP
  10. ekiemtien

    ekiemtien Peon

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    Yep, make a rounded image is the best answer .
     
    ekiemtien, Jul 10, 2010 IP
  11. wab

    wab Member

    Messages:
    57
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    43
    #11
    Creating an image with photoshop can be the best solution when you know the size of your div won't change. If you decide to add more content in your div, what if your div get bigger? you will have to redo your image, or divide your div. It's possible, but can become annoying. So it might be helpful to know how to do it both ways.
     
    wab, Jul 13, 2010 IP