Border-radius para Internet Explorer con CSS y jQuery – Phone – Hosting

Todos queremos que la plantilla de nuestro blog se visualice bien en todos los navegadores. La etiquetaborder-radiuspermitía aplicar bordes redondeados a cualquier contenedor. Lo malo, es que esta función no está disponible en Internet Explorer, y cada vez que se visitaba un blog, los contenidos conborder-radiusaplicado no se veían bien.

Eso desde luego, era una completa pesadilla, cuando otros navegadores eran compatibles con esta funcionalidad: Chrome, Firefox... Pero, ahora, hay dos soluciones a este problema.

El tutorial:

El código normal a implementar sería:

.borde-redondeado-ayudabloggers {
-webkit-border-radius: 10px;/* border-radius para Safari y Chrome */
-moz-border-radius: 10px; /* border-radius para Firefox */
-khtml-border-radius:10px;/* border-radius para navegadores Linux */
border-radius: 10px;/* CSS3 Estándar */}

Aquello marcado enverde se puede eliminar posteriormente ya que son solo comentarios.


El HTML normal a insertar sería:

div class="borde-redondeado-ayudabloggers"Este contenedor tiene implementado el estilo border-radius/div

Lo que está en azul se puede cambiar posteriormente por el contenido deseado.

Aquí os dejo un live-demo (recordad que este live-demo está hecho con los atributos normales por lo que en Internet Explorer no funciona)

Demo con CSS normal

Este contenedor tiene aplicado border-radius

Opción 1: Usar un archivo .HTC:

NOTA: La opción 1 es relativamente complicada, por lo que aconsejo llevar a cabo correctamente los pasos, y asegurarse de que no hay nada equivocado.

Para lograr queborder-radius funcione en Internet Explorer debemoscrear un archivo HTC. Se puede bajar desdeGoogle Code.

Importante: Se debe cargar el archivo como "border-radius.htc" en la misma carpeta donde se encuentre alojada nuestra hoja de estilos.

En la hoja exclusiva para Internet Explorer el CSS a pegar es:

.borde-redondeado {
border-radius:10px;
behavior: url(border-radius.htc);
}

Y el HTML a insertar sería:

!--[if IE]link rel="stylesheet" href="ie.css" type="text/css" media="screen" /![endif]--
div class="borde-redondeado"Este contenedor tiene aplicado el estilo border-radius/div

También se puede hacer todo de una vez usando el código del primer ejemplo. El CSS:

.borde-redondeado-htc {
-webkit-border-radius: 10px; /* Para Safari y Chrome */
-moz-border-radius: 10px; /* Para Firefox */
-khtml-border-radius:10px; /* Navegadores de Linux */
border-radius: 10px; /* CSS3 */
behavior: url(border-radius.htc); /* Para IE */
}

Ahora, obviamente, el HTML:

div class="borde-redondeado-htc"Este contenedor tiene sus bordes redondeados con CSS3 y magia para IE/div

Opción 2: Bordes Redondeados con jQuery:

Esta opción es muchísimo más fácil de realizar que la anterior, y se lleva a cabo con laextensa librería de jQuery, con un plugin que he encontrando en la web llamadojQuery Corner, el cuál permite un abanico de posibilidades indescriptibles. Un plugin muy completo.

El jQuery a insertar es:

$(".borde-redondeado-jquery").corner("10px");

Ahora hace falta añadir los scripts y el HTML:

script src="jquery-1.3.2.min.js"/script
script src="jquery.corner.js"/script
div class="borde-redondeado-jquery"Este contenedor tiene border-radius aplicado gracias al plugin jQuery Corner/div

Aquí os dejo también otro live-demo para que puedan comprobar el resultado con Internet Explorer:

Este contenedor tiene aplicado border-radius con el plugin jQuery Corner.

Eso si, si queremos evitarnos todo este lío, no uséis Internet Explorer. Yo os recomiendo Google Chrome (fácil de usar, simple y accesible y muy rápido) o Mozilla Firefox.Aquí os dejo un archivo para descargar con toda lo necesario (incluido la hoja exclusiva para IE .HTC)

• Más detalles en HTMLRemix
• El contenido está bajo licencia Creative Commons 3.0 BY
• Los códigos están bajo licencia GNU GPL v3

NOTA: Entiendo que este tutorial es largo y complicado, así que si tienen alguna duda, por favor comentenla y yo le ayudaré.

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDMundial Football free legal advice,FIFA World Cup cheap web hosting donde me dieron un available domain name,cheap domain name registration,pero salio muy caro y mejor me hice student credit card ,accept credit pero me recomendaron mejor utilizar credit counseling service donde tienen un mejor soporte y credito support stocking pero mejor me compre un linux hosting y mejor me afilie a affiliate programs pero buy �web position gold�,microsoft certification,Mesothelioma law firm,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDNos ofrece Mundial Football eloan com, FIFA World Cupuna gran variedad para contratar mesothelioma info y obtener un equity line of credit y una buena estructura de negocio SEO consolidate loans y visitar su casa matriz Mesothelioma law firm,home equity loans domain name searchSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Online College Course Online casino Car Insurance Quotes Donating a car in Maryland Custom WordPress theme designer Donate Cars Illinois PHD on Counseling Education miami personal injury lawyer structered settlement Proud Italian cook refinance with poor credit structured settlement investments mesothelioma compensation Criminal defense lawyer Online Christmas cards Low credit line credit cards Tech school Online Motor Insurance Quotes accident attorneys orange county Register free domains mesothelioma care How to Donate A Car in California Forex Trading Platform federal criminal defense attorney Met Auto chicago hair laser removal asbestos lung cancer STRUCTURED ANNUITY SETTLEMENT bus accident attorneys Computer science classes online CAR DONATE Royalty Free Images Stock sell annuity payment Casino BEST CRIMINAL LAWYER IN ARIZONA google affiliate LIFE INSURANCE CO LINCOLN domain yahoo cheap car insurance in virginia Mobile casino Make money online Australia forensics online course Hire php developers Email Bulk Service injury lawyers west palm beach CHEAP CAR INSURANCE IN VIRGINIA Car Insurance in South Dakota Cheap car insurance in Virginia hair removal washington dc mesotheolima NUNAVUT CULTURE structured settlement blog futuristic architecture motorcycle accident attorney chicago lease management software Donate Old Cars to Charity Psd to WordPress Php programmers for hire mesothelioma attorney florida car accident lawyer san bernardino email bulk service Casino reviews Dwi lawyer boca raton personal injury attorney Futuristic Architecture Psychic for Free Seo companies Live casino Donate your car for money DUI lawyer Hire php programmers semi truck accident lawyers buying an annuity calculator AUTOMOBILE ACCIDENT ATTORNEY selling annuity hughes net business Health Records Personal Health Record Criminal lawyer Donate Car to Charity California data recovery raid Massage school Dallas Texas Service business software Webex Costs car insurance in south dakota REGISTER FREE DOMAINS donate your car for money DONATE CARS IN MA personal injury accident lawyer Best Seo company Best Criminal Lawyers in Arizona Italian cooking school Best social media platforms DONATE OLD CARS TO CHARITY Hire php developer workers compensation lawyer los angeles Low Credit Line Credit Cards Bankruptcy lawyer bus accident attorney los angeles Photo Christmas cards Motor Replacements Dallas Mesothelioma Attorneys tucson car accident attorney structured settlement brokers Annuity Settlements How to donate a car in California Structures Annuity Settlement motorcycle lawyer los angeles Learning adobe illustrator Php programmers ashely madis MORTGAGE ADVISER business voip solutions wisconsin mesothelioma attorney structured settlements annuities Donate Your Car for Kids