Tema: Problema con padding e imagen redonda
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 12/09/2012, 05:37
noruas
 
Fecha de Ingreso: junio-2012
Mensajes: 80
Antigüedad: 11 años, 10 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. <html>
  2. <head>
  3. <style type="text/css">
  4. body{
  5.     background-color: #F9C;}
  6. img { /* Mi imagen de ejemplo mide 200px por 200px */
  7.       -webkit-border-radius: 50%;
  8.       -moz-border-radius: 50%;
  9.       border-radius: 50%;
  10.     }
  11. div {
  12.       margin: 100px;
  13.       padding: 5px;
  14.       background-color:#FFF;
  15.       -webkit-border-radius: 50%;
  16.       -moz-border-radius: 50%;
  17.       border-radius: 50%;
  18.       width: 200px;
  19.       box-shadow:5px 5px 15px #999;
  20.     }
  21. </style></head>
  22. <body>
  23. <div>
  24. <img src="ejemplo.png" />
  25. </div>
  26. </body>
  27. </html>

A ver si te sirve.