Foros del Web » Creando para Internet » CSS »

DIVs e IMGs

Estas en el tema de DIVs e IMGs en el foro de CSS en Foros del Web. Hola a todos, tengo un problema que se me repite en muchos casos y aún no he encontrado una manera elegante de solucionarlo, aunque con ...
  #1 (permalink)  
Antiguo 12/01/2008, 07:06
 
Fecha de Ingreso: julio-2006
Ubicación: Sevilla
Mensajes: 94
Antigüedad: 11 años, 5 meses
Puntos: 1
DIVs e IMGs

Hola a todos,

tengo un problema que se me repite en muchos casos y aún no he encontrado una manera elegante de solucionarlo, aunque con chapuzas si sale:

cuando tengo un div en el que solo meto imagenes, las imagenes me salen fuera el div al visualizarlo en el navegador. Entiendo porqué ocurre esto al fin y al cabo cuando posicionamos el contenido de los div estamos posicionando el contenido que va entre <></> y en el caso de las imágenes es vacio.

si ponemos

Código HTML:
<div id="loquesea">
       <img src="whatever.png" alt="texto" />
       <img src="whatever.png" alt="texto" />
</div> 
el div sale vacio y debajo salen las imagenes. Es decir sin especificar un height para el div, no se alarga verticalmente dependiendo del contenido, como ocurre cuando le metemos texto ¿Cómo podria forzar con CSS a que las imágenes aparezcan dentro de los DIVs, de manera que el div se alargue todo lo que ocupen las imágenes de alto?

Gracias a todos.

Saludos.
  #2 (permalink)  
Antiguo 12/01/2008, 16:07
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 10 años, 8 meses
Puntos: 36
Re: DIVs e IMGs

Pues yo creo que eso es automático.
De todas formas, si estás trabajando con la propiedad float de CSS sí que pasa eso.
Puedes solucionarlo poniendo debajo del div esto:
<div style="clear: both;"></div>

Si no te sale, pon todo el código y veremos cuál es el problema.
  #3 (permalink)  
Antiguo 13/01/2008, 08:30
 
Fecha de Ingreso: diciembre-2003
Mensajes: 1.583
Antigüedad: 14 años
Puntos: 13
Re: DIVs e IMGs

caraplo:
Tal como menciona Raulmmmm, lo más probable es que estés utilizando las imágenes como FLOAT ¿estamos en lo correcto?. Los elementos flotantes no van a afectar la altura de su contenedor; una de las soluciones ya te la dieron: dentro del DIV (y al final d elas imágenes) agrega un DIV vacío asignándole clear:both.
__________________
El conocimiento es libre: Movimiento por la Devolución
  #4 (permalink)  
Antiguo 14/01/2008, 03:27
 
Fecha de Ingreso: julio-2006
Ubicación: Sevilla
Mensajes: 94
Antigüedad: 11 años, 5 meses
Puntos: 1
Re: DIVs e IMGs

Pues si,

se trataba de elementos flotantes, ahora la maquetación está realmente bien.

Muchisimas gracias a los dos, os debo una

Saludos.
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 06:25.