Foros del Web - DIVs e IMGs

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - DIVs e IMGs (http://www.forosdelweb.com/f53/divs-e-imgs-547566/)

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.

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.

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.

Pues si,

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

Muchisimas gracias a los dos, os debo una :arriba:

Saludos.