Ver Mensaje Individual
  #2 (permalink)  
Antiguo 12/09/2012, 05:37
noruas
 
Fecha de Ingreso: junio-2012
Mensajes: 80
Antigüedad: 12 años, 6 meses
Puntos: 11
Respuesta: Problema con padding e imagen redonda

Yo jugando un poco con valores y metiendo la imagen en un div he conseguido algo parecido, funciona en IE(activando la compativilidad con I9), FF, Safari y Chrome... Pero no en Opera. Pero tu lo que querias era Safari :P

Código HTML:
Ver original
  1. <style type="text/css">
  2. body{
  3.     background-color: #F9C;}
  4. img { /* Mi imagen de ejemplo mide 200px por 200px */
  5.       -webkit-border-radius: 50%;
  6.       -moz-border-radius: 50%;
  7.       border-radius: 50%;
  8.     }
  9. div {
  10.       margin: 100px;
  11.       padding: 5px;
  12.       background-color:#FFF;
  13.       -webkit-border-radius: 50%;
  14.       -moz-border-radius: 50%;
  15.       border-radius: 50%;
  16.       width: 200px;
  17.       box-shadow:5px 5px 15px #999;
  18.     }
  19. </style></head>
  20. <div>
  21. <img src="ejemplo.png" />
  22. </div>
  23. </body>
  24. </html>

A ver si te sirve.