Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: HTML5/CSS
I want to draw a circle using css.Therefore for these I am writing a following css, It works fine in all browser except ie8,To achieve these I am adding "ie-css3.htc" file in root directory, but it doesn't work in ie8.
 

 
.div_Wizard_step {
   background: none repeat scroll 0 0 transparent;
    border: 4px solid #FEFEFE;
    border-radius: 20px 20px 20px 20px;
    color: WHITE;
    float: right;
    font-size: 20px;
    font-weight: bold;
    height: 25px;
    width: 25px;
    padding:3px;
   behavior: url(ie-css3.htc);
}
Posted 16-Apr-13 1:04am
Comments
Sergey Alexandrovich Kryukov at 16-Apr-13 12:50pm
   
The idea is working, you just need to pay a bit more effort in it, and make it cross-browser.
I even voted 5 for the question, for the attempt to render something rather unusual...
No, only 4: you made a very apparent mistake is radius/size; please see my answer. :-)
—SA

1 solution

Rate this: bad
good
Please Sign up or sign in to vote.

Solution 1

Please see my comment to the question.
 
My idea is: take a good rounded corner generator. You will find a plenty of them: http://bit.ly/POC2pp[^].
 
I used this one: http://cssround.com/[^].
 
The aspects of browser compatibility are explained here: http://www.css3.info/preview/rounded-border/[^].
 
Don't trust it fully, better check up with browser documentation on each well-known browser.
 
It will give you the cross-browser code (if a generator is good). Now, choose width and height exactly twice as radius. If you want a border, slightly change the size, by the size no bigger then border width. You are done.
 
—SA
  Permalink  

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 Kornfeld Eliyahu Peter 169
1 Zoltán Zörgő 139
2 George Jonsson 135
3 PIEBALDconsult 130
4 OriginalGriff 120
0 OriginalGriff 6,165
1 DamithSL 4,658
2 Maciej Los 4,107
3 Kornfeld Eliyahu Peter 3,649
4 Sergey Alexandrovich Kryukov 3,342


Advertise | Privacy | Mobile
Web04 | 2.8.141220.1 | Last Updated 16 Apr 2013
Copyright © CodeProject, 1999-2014
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100