Bordes Redondeados. También para ie

[kseso?]

Hoy estoy generoso y por el mismo precio traigo dos soluciones distintas para conseguir esquinas redondeadas. Una via css + un archivo .htc (para que ie) y la otra con un .js
De htmlremix.com en esta entrada de su página, para que puedas leer tú mismo la fuente y los comentarios al respecto.
Básicamente:
en el css:

.curved {
-moz-border-radius:10px;
-webkit-border-radius:10px;
behavior:url(border-radius.htc);
}

en el html a el elemento que queramos aplicar el redondeo de la esquina:

Código HTML:

<div class="curved">Curvd div</div> 

y el archivo "border-radius.htc" está disponible aquí. También en el enlace que te puse de la entrada a la página está un link para bajarlo en un .zip

La segunda forma, mediante un script está disponible en dillerdesign
Básicamente, consiste en incluir

Código HTML:

<script src="DD_roundies.js"></script>
                                <script>
                                        DD_roundies.addRule('.box', 10);
                                </script> 

Dice su autor que funciona con: "Firefox (tested 3.0.4), Webkit-driven browsers (tested Google Chrome 0.4.154.29), Internet Explorer 6 and 7" pero no en el ie8. Tampoco con imágenes.

Pero como de estos temas no entiendo nada de nada, te toca a tí investigarlo más a fondo, así como dar el soplo a los "scrípteros"

Ya diréis si funcionan o no.

[Null_]

Eso es CSS3 verdad?
Prefiero el método con imagenes, solo que hay que agregar 1 div por cada esquina redondeada.

[Angelde93]

Voy a probar aver si me funciona :D

[Calizman]

Definitivamente, estoy deacuerdo con Null. Prefiero seguir con las imágenes... Pero gracias por la informacion!

[gVenom]

Yo utilice el metodo que explica Kseso? en una web, y la verdad es muy sencillo, tan sencillo como ponerle una referencia al archivo behavior:url(css/border-radius.htc); y usar lo mismo que usamos con los otros navegadores -ms-border-radius:50px 50px 50px 50px; , eso para el IE6 porsupuesto

[angel2010]

al colocarle border-radius.htc el div se desaparese como ago para resolverlo

[ArturoGallegos]

Iniciado por angel2010

al colocarle border-radius.htc el div se desaparese como ago para resolverlo

compañero por favor no reviva temas viejos... en cuanto a su problema, coloque un position y z-index al elemento que presenta dicho problema, o puede utilizar este otro archivo htc que no presenta dicha falla
-> clic aquí