Ver Mensaje Individual
  #2 (permalink)  
Antiguo 24/02/2009, 08:02
Avatar de Dalvenjha
Dalvenjha
 
Fecha de Ingreso: febrero-2008
Ubicación: $("#oficina");
Mensajes: 692
Antigüedad: 16 años, 2 meses
Puntos: 53
Respuesta: Como redondear esquinas div

Métodos hay muchos, entre ellos la inclusión de divs sobrepuestos, la inclusión de imágenes o el "border-radius" aún no oficial, pero que se viene con el CSS3. Si fuera para un site mío usaría border radius, pero como no lo es, prueba usando imágenes. Puedes poner 4 imágenes que representen tus esquinas redondeadas dentro del div con una clase cada uno, y asignarle a cada uno una position:absolute; luego llevarían lo siguiente cada uno.

Código CSS:
Ver original
  1. .uno{
  2. position:absolute;
  3. left:0;
  4. top:0;
  5. z-index:1
  6. }
  7.  
  8.  
  9. .dos{
  10. position:absolute;
  11. right:0;
  12. top:0;
  13. z-index:1
  14. }
  15.  
  16.  
  17. .tres{
  18. position:absolute;
  19. left:0;
  20. bottom:0;
  21. z-index:1
  22. }
  23.  
  24.  
  25. .cuatro{
  26. position:absolute;
  27. right:0;
  28. bottom:0;
  29. z-index:1
  30. }

Y listo, esas 4 imágenes tendrían que ir en cada uno de los divs que quieras redondear. Claro el contenido del div, deberá tener un z-index de por lo menos 2.

Si quieres especificaciones de border-radius, me avisas aqui.

Saludos!!
__________________
Mi Showcase ||

Compartiendo todo lo posible con los demás.