Foros del Web » Creando para Internet » CSS »

Divs flotados y contenido interno

Estas en el tema de Divs flotados y contenido interno en el foro de CSS en Foros del Web. Hola... estoy haciendo un sistema de comentarios. Ahora está así: Explico : Necesito que aparezcan Dos capas principales alineadas, quedando: IMAGEN | CONTENIDO Bien, float:left; ...
  #1 (permalink)  
Antiguo 24/05/2011, 14:32
Avatar de Alvaro_Franz  
Fecha de Ingreso: mayo-2011
Mensajes: 84
Antigüedad: 6 años, 2 meses
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.
  #2 (permalink)  
Antiguo 24/05/2011, 15:44
Avatar de ArturoGallegos
Colaborador
 
Fecha de Ingreso: febrero-2008
Ubicación: SLP, México
Mensajes: 5.714
Antigüedad: 9 años, 4 meses
Puntos: 918
Respuesta: Divs flotados y contenido interno

no entendí muy bien tu duda... pero a juzgar por tu comentario final creo que el problema es que el div contenedor no toma la altura de su contenido... estoy bien?

una opción es overflow: hidden o auto según aplique el caso... en caso de ser auto y no deseas scroll no pongas altura fija.

otra forma es colocar un elemento al final con la propiedad clear:both
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #3 (permalink)  
Antiguo 25/05/2011, 08:27
Avatar de Alvaro_Franz  
Fecha de Ingreso: mayo-2011
Mensajes: 84
Antigüedad: 6 años, 2 meses
Puntos: 4
Respuesta: Divs flotados y contenido interno

Lo que sucede es que el contenedor CONTENIDO (el que está en gris)... No se agranda en el eje y.

Fallo mío: debió ser el tiempo, que agota la mente :D Sin darme cuenta he asignado un alto al contenido, por eso no funciona... Bueno, un saludo y muchas gracias :D

Etiquetas: contenido, divs, interno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:27.