Ver Mensaje Individual
  #1 (permalink)  
Antiguo 24/05/2011, 14:32
Avatar de Alvaro_Franz
Alvaro_Franz
 
Fecha de Ingreso: mayo-2011
Mensajes: 84
Antigüedad: 13 años
Puntos: 4
Divs flotados y contenido interno

Hola... estoy haciendo un sistema de comentarios. Ahora está así:



Explico: Necesito que aparezcan Dos capas principales alineadas, quedando:

IMAGEN | CONTENIDO

Bien, float:left; y right.... pero.. a su vez, dentro de contenido, debe haber otros dos cuerpos, quedando:

IMAGEN | [Texto] | [Botón eliminar]

Las capas que tengo son (renombradas para que concuerden con mi estructura)

Código CSS:
Ver original
  1. div.WRAPPER{
  2. margin:0px;
  3. border-bottom:1px solid #F2F2F2;
  4. border-left:2px solid #CCC;
  5. overflow:auto;
  6. }
  7.  
  8. div.comment IMG{
  9. float:left;
  10. width:48px;
  11. height:48px;
  12. margin:8px 0px 8px 8px;
  13. padding:1px;
  14. border:1px solid #CCC;
  15. overflow:hidden;
  16. }
  17.  
  18.  
  19. .CONTENIDO{
  20. float:right;
  21. width:660px;
  22. height:26px;
  23. padding:3px;
  24. margin-left:4px;
  25. overflow:auto;
  26. background-color:#CCC;
  27. }
  28.  
  29. div.[texto]{
  30. float:left;
  31. width:640px;
  32. overflow:auto;
  33. }
  34.  
  35. img.[botón eliminar]{
  36. float:right;
  37. width:16px;
  38. height:16px;
  39. }

He leído, que con overflow:auto, se soluciona el tamaño de un div flotado. Gracias por leer.