Tema: CSS3 en IE
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 02/02/2012, 22:37
Avatar de emprear
emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: CSS3 en IE

Probablemente no estés usando la librería apropiada, usá
http://css3pie.com/
(que sirve tanto para border-radius, como para box-shadow y linear-gradient)
Ejemplo

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <title>titulo</title>
  4. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  5.  
  6. <style type="text/css">
  7. /*<![CDATA[*/
  8.  
  9. #col_izquierda{
  10. width:25%;
  11. float:left;
  12. padding:10% 1% 1% 1%;
  13. margin:2% 1% 1% 1%;
  14. border-radius:7px;*//*Opera*/ /*REDONDEAR*/
  15. -moz-border-radius:7px;/*Firefox*/
  16. -webkit-border-radius:7px;/*Safari y Chrome*/
  17. behavior: url(PIE.htc);/*IE*/
  18. border:solid 3px #341a09;
  19. font:normal 0.7em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  20. text-align:justify;
  21. background:#fff url(378.gif);
  22. background-repeat:no-repeat;
  23. background-position:left top;
  24. }
  25.  
  26. #col_central{
  27. width:32%;
  28. height: 200px;
  29. float:left;
  30. margin:2% auto;
  31. padding:0 1.5%;
  32. background-color: #ccc;
  33. box-shadow:3px 3px 20px #000;/*Opera*/ /*SOMBRA*/
  34. -moz-box-shadow:3px 3px 20px #000;/*Firefox*/
  35. -webkit-box-shadow:3px 3px 16px #000;/*Safari y Chrome*/
  36. behavior: url(PIE.htc);
  37. }
  38.  
  39.  
  40. /*]]>*/
  41. </head>
  42. <div id="col_izquierda">
  43. <!-- fix -->
  44. </div>
  45.  
  46. <div id="col_central">
  47. <!-- fix -->x
  48. </div>
  49. </body>
  50. </html>


Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.