Curved Corner does not worked on IE

[GoogleCodeExporter]

Hi Rahnas

This is Hansraj.I want to make a curved corner with css, border-radius but
it supports in FF, Opera, Safari, Chrome but does not worked in any version
of IE.

I have already used all the latest htc file provided by you and also do all
the work related with MIME in cpanel(Type-- text/x-component for-- htc
file) . I also make changes in Doctype but get the same result i.e. not get
Success.

So i need your help.

Plz reply me with the code on hansraj4b@gmail.com

Original issue reported on code.google.com by hansra...@gmail.com on 7 Jan 2010 at 7:37

[GoogleCodeExporter]

it works fine for me in IE 6/7. go here, view source and copy and paste:
http://www.thumbslinger.com/symantec/symantec_renewals_14ecom2.html

there' other stuff there, but just view source as the css is embedded in the 
html for
now.

Original comment by kellyist...@gmail.com on 8 Jan 2010 at 3:00

[GoogleCodeExporter]

Hi All,

My name is Jayaraj P R, the same problem occurred for me. border-radius is 
worked
fine FF, Opera, Safari, Chrome but does not worked in any version of IE. Please 
help me 

here is my css file

@charset "utf-8";

/***********RESETS****************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, 
blockquote,
pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, 
tt,
var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
}
body {
    line-height: 1;
    color: black;
    text-align:center;
    font-family:verdana;
    font-size:12px;
    background: #f9fcfe url(../images/header_bg.gif) repeat-x top center;
}
#wrapper{
    margin:0 auto;
    text-align:left;
    width:1002px;
    height:600px;
    z-index:1000000;
    border:solid 1px red;
}
#wrapper .header_top{
    position:relative;
    width:1002px;
    height:27px;
    float:left;
}
#wrapper .header_top .messages{
    position:relative;
    margin:6px 10px 0px 0px;
    height:26px;
    color:#fff;
    float:right;
}
#wrapper .header_top .messages .blue{
    margin-left:10px;
    color:#84cbff;
}
#wrapper .header_bottom{
    position:relative;
    width:1002px;
    height:86px;
    float:left;
}
#wrapper .header_bottom a img{
    margin-top:7px;
    float:left;
}
#wrapper .header_bottom .logout_cntnr{
    position:relative;
    margin:20px 50px 0px 0px;
    width:300px;
    float:right;
}
#wrapper .header_bottom .logout_cntnr .myaccount{
    position:relative;
    width:100px;
    height:22px;
    background-color:#0d324f !important;
    margin:0px 10px 0px 10px;
     border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    behavior:url(css/border-radius.htc);
    float:left;
}
#wrapper .header_bottom .logout_cntnr .myaccount img{
    margin:3px 0px 0px 4px;
}
#wrapper .header_bottom .logout_cntnr .myaccount span{
    position:relative;
    top:4px;
    left:5px;
    float:left;
}
#wrapper .header_bottom .logout_cntnr a{
    color:#fff;
    cursor:pointer;
}

#footer{
    position:absolute;
    bottom:0 !important;
    height:25px;
    width:100%;
    left:0 !important;
    background-color:#14568a;
}
and attached my border-radius.htc file

Original comment by jayarajp...@gmail.com on 16 Feb 2010 at 7:32

Attachments:

• border-radius.htc

[GoogleCodeExporter]

Hi!

The border-radius.htc needs to be in the same folder as the HTML file, not the 
same folder as the CSS. If you 
have multiple folder in the structure, each folder needs a copy of the 
border-radius.htc file.

Cheers, Ian.

Original comment by ianprw...@googlemail.com on 11 Mar 2010 at 2:23

[GoogleCodeExporter]

The need to have a copy of border-radius.htc in each folder that has HTML that 
seems problematic especially for use with content management systems. Is there 
any way around this requirement?

Original comment by michael....@gmail.com on 13 Oct 2010 at 2:02

[GoogleCodeExporter]

Comment #3 does the trick. Thanks!

Original comment by clint.ea...@gmail.com on 5 Nov 2010 at 4:05

[GoogleCodeExporter]

Hi, I'm using WordPress and I figured based on the advice here that htc file 
needed to be in the root folder of the site. It seems to work: the rounded box 
flashes by very quickly and then disappears. In other words, I don't even have 
a box with a square corner. 

Original comment by robhask...@gmail.com on 25 Jan 2011 at 9:00

[GoogleCodeExporter]

The solution to the WP issue is: place both the htc file and the IE css file in 
the root folder (same one as wp-config). That does it!

Original comment by rhweb...@gmail.com on 26 Jan 2011 at 4:33

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

I've got a problem. Want to use this .htc trick in a WP-theme two but it 
doesn't work in IE 8 form me either. 

De box does just flicker for a second and then disappears. Rhweb said that the 
.htc and IE css should be in the root folder, I've placed the .htc bur I don't 
have an Ie Css file. 

What jet?

Original comment by Ptth...@gmail.com on 11 Feb 2011 at 10:45

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

for wordpress users - this is lot easier and works perfectly for me. Similar 
thing I guess but enables more web-kit css3 options and has a php file that 
gets the htc file for you. Pretty amazing stuff.

http://css3pie.com/

Original comment by josh.cra...@gmail.com on 23 Feb 2011 at 1:02

[GoogleCodeExporter]

I have the same problem with IE, and any of the tips aboce here didn't work for 
me.
I've even copied the demo provided here in case I have other issues. both files 
(html and htc) are in the root directory.
I think it is something with the content blocker: When I try to open the files 
from my hard-drive with IE the browser asks if I want to allow the blocked 
Activex content.

thanks

Original comment by itamar...@gmail.com on 11 Sep 2011 at 1:22

[GoogleCodeExporter]

Ok, there's quite a few things flying around in this ticket, I'm going to mark 
invalid and try to troubleshoot issues -- 

@ op -- It should be noted that the only thing this script does is add VML -- a 
proprietary IE extension [precursor to SVG] -- to the page using another 
proprietary IE extension -- behavior.  Saying it works in the other browsers 
isn't saying much because they mostly all support border-radius natively and 
the script isn't doing anything.  If the script isn't working in IE, it's not 
working at all.  See next:

@ all -- there are currently issues with the script when it encounters a 
position:relative element as a parent somewhere before the BODY [this can be 
seen in css text in comment #2] -- in my own environment, the behavior didn't 
work at all and only after looking at the code did I realize the extent of 
hacks that have been placed into this thing.  I wrote a new version that uses 
the same VML/behavior method [it /is/ pretty ingenious], but takes out a lot of 
the bad, relating to positioning rects absolutely on the body and requiring 
resizing ... this will be coming in the near future.

@ #3/4 -- for the behavior include, the specs say this is a standard css url() 
the same as you would find in any 'ol css uri reference... As such, without any 
path, it assumes it is at the same location as the CSS, wherever that may be -- 
if this is in a <style> element, it is at the same as the document, if in a css 
link it would be the location of the css file.  If you need to change this, 
change the behaviour url to something like: url(/path/to/border-radius.htc) -- 
or, to keep it at the root, use: url('/border-radius.htc').

url(sLocation)
    Script implementation of a DHTML behavior, where sLocation is an absolute or relative URL.  See: http://msdn.microsoft.com/en-us/library/ms533503%28v=vs.85%29.aspx

@ #15 -- IE by default when running a location on the local harddrive will 
block any script/activex unless you explicitly allow it -- this is for [good] 
security.  I imagine if you enable the script elements, it will work.

If all else fails -- put an alert in the script; if you get a popup, it's 
trying to run, so you can rule out the uri reference being the problem.

Original comment by tyler.wa...@gmail.com on 2 Oct 2011 at 9:03

• Changed state: Invalid
• Removed labels: Type-Defect