Comments on: Curved corner (border-radius) cross browser

By: Rob Cozzens

Rob Cozzens — Tue, 09 Mar 2010 08:05:04 +0000

Amazing! Thank you!

By: FiredMint

FiredMint — Mon, 08 Mar 2010 08:57:03 +0000

Hard to make it work !!!

If you have a float bloc, you can’t use this behavior. So make a absolute positioned div and put your floats into. this is a ie bug !

http://ltslashgt.com/2007/05/16/relative-zindex-and-ie/#comments

By: Usando border-radius no IE « Marcelo Torres

Usando border-radius no IE « Marcelo Torres — Sat, 06 Mar 2010 16:03:03 +0000

[...] do IE não aceita essa nova propriedade do CSS, podem ficar tranquilos agora, o pessoal do site http://www.htmlremix.com, desenvolveu um arquivo .htc para resolver [...]

By: erwin

erwin — Sat, 06 Mar 2010 11:16:07 +0000

Hi,

I also tried this, but it doesn’t work for me.
If you check my site, you wil see that IE doesn’t show my rounded corners right.
I now removed the htc file, and let IE be with no rounded corners. But I want IE to show them.

I think it doesn’t work if you put a div with rounded corners inside an other div?
Cause thats wat I have done.

anyone who knows what to do?

By: Zachary Parm

Zachary Parm — Fri, 05 Mar 2010 09:02:24 +0000

I like the layout of your blog and I’m going to do the same thing for mine. Do you have any tips? Please PM ME on yahoo @ AmandaLovesYou702

By: alif

alif — Wed, 03 Mar 2010 14:28:39 +0000

It does works on chrome, and firefox. But not on my IE8.

By: JET

JET — Tue, 02 Mar 2010 16:46:00 +0000

any chance this could be adapted to handle the following?

.sweep_fromLeftUp {
top: 185px;
left: 232px;
height: 15px;
width: 15px;
background: transparent;
border-top: 0px;
border-right: solid 120px lightblue;
border-bottom: solid 30px lightblue;
border-left: 0px;
border-top-left-radius: 0px;
-moz-border-radius-topleft: 0px;
-webkit-border-top-left-radius: 0px;
border-top-right-radius: 0px;
-moz-border-radius-topright: 0px;
-webkit-border-top-right-radius: 0px;
border-bottom-right-radius: 200px 60px;
-moz-border-radius-bottomright: 200px 60px;
-webkit-border-bottom-left-radius: 200px 60px;
border-bottom-left-radius: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-right-radius: 0px;
behavior: url(/css/border-radius.htc);
}

By: espidesigns

espidesigns — Tue, 02 Mar 2010 16:03:09 +0000

hi thanks for the tip. but can i get this to work along with css gradients? in testing with ie on a button, with ie’s gradient code, it looked like the rounded button is underneath the rectangular gradient…how can i get the htc command to get the gradient properties and redraw them within the rounded button? thanks!

By: Stew

Stew — Tue, 02 Mar 2010 12:19:58 +0000

Sorry, if I’m being daft, but I’m using Drupal and am trying to figure out where to put the htc file in my site/root or theme’s folder?

By: SeRiaL-

SeRiaL- — Tue, 02 Mar 2010 10:55:46 +0000

Hi,

What about the “security protect” is IE? It is really disturbing.
Can it be avoided?

Thanks

Ciao