Problemas con DIV y altura

[juaco14]

Buenas,

Tengo un problema, y por mas que le busco la vuelta no lo puedo solucionar.
El problema es el siguiente.
Tengo un iframe dentro de un div.
La altura del iframe es automática, varia según el contenido del mismo.
Lo que quiero hacer es que la altura del div varíe según la altura del iframe.
Probé con height:100% y height:auto y nada.
Cuando le doy una altura al div como "500px", el iframe se ajusta a esa altura.
Desde ya muchas gracias!.

[cristian_cena]

Hola juaco, los siguientes enlaces seguro te servirán. ahi te lo van a explicar mejor que yo, luego tu eliges el método más apropiado para tu caso:

http://www.araudi.net/ejemplos/colum...ilibradas.html
http://www.css.devillasbuenas.es/2columnas.html
http://matthewjamestaylor.com/blog/e...r-css-no-hacks
http://www.vectoralia.com/manual/htm...scolumnas.html (esto es lo que uso yo )

Saludos

[Crismorrison]

hola, agregale un div mas despues de ese div tuyo y dale la propiedad css clear:both, seria lago asi:
<div style="clear: both;"></div>
Entonces tu div va a reconocer el contenido que hay dentro y se va a estirar. a tu div dale nomas height:auto.

[alexk]

<div style="clear: both;"></div>
Entonces tu div va a reconocer el contenido que hay dentro y se va a estirar. a tu div dale nomas height:auto.

:S usar etiquetas vacias no es la mejor solucion ami parecer ensucia un poco el codigo...
seria mejor aplicar overflow:hidden, para que el div contenedor respete el alto de los elementos flotados en su interior.

y por defecto la altura ya es auto... para los elementos que siguen el flujo del sitio :)

[Crismorrison]

Iniciado por alexk

:S usar etiquetas vacias no es la mejor solucion ami parecer ensucia un poco el codigo...
seria mejor aplicar overflow:hidden, para que el div contenedor respete el alto de los elementos flotados en su interior.

y por defecto la altura ya es auto... para los elementos que siguen el flujo del sitio :)

overflow:hidden???? jajajajajaja no sabes un pomo....

[alexk]

Crismorrison bueno talvez no sepa nada segun tu, pero bueno es tu opinion...

Limpiar floats
http://librosweb.es/css_avanzado/cap...ar_floats.html

La técnica de corregir los problemas ocasionados por los elementos posicionados de forma flotante se suele denominar "limpiar los float".

Aunque añadir un elemento invisible corrige correctamente el problema, se trata de una solución poco elegante e incorrecta desde el punto de vista semántico. No tiene ningún sentido añadir un elemento vacío en el código HTML, sobre todo si ese elemento se utiliza exclusivamente para corregir el aspecto de los contenidos.

pero vamos al parecer los estan equivocados... sabra dios que clase de gente escribe esos libros...

[Crismorrison]

alexk: Si el ya tiene un div debajo de ese, no hace falta que agrege un div nuevo vacio, solo le agrega la propiedad al div consecutivo ya existente.
Añadir un div vacio es lo mas normal de el mundo, eso lo haces cuando no tenes otro elemento por debajo. Pero como le vas a recomendar un overflow:hidden.....por favor!!! FIN de el asunto.
De todas formas hay que ver si le sirve para lo que esta haciendo, seria bueno que nos dejes un link asi puedo examinarlo y ayudarte mejor.

[Impostor]

Iniciado por alexk

:S usar etiquetas vacias no es la mejor solucion ami parecer ensucia un poco el codigo...
seria mejor aplicar overflow:hidden, para que el div contenedor respete el alto de los elementos flotados en su interior.

y por defecto la altura ya es auto... para los elementos que siguen el flujo del sitio :)

Muy bien alexk, conocía las dos técnicas para contener elementos flotados pero nunca me plantee que semanticamente meter un div sin contenido no era del todo correcto.

[cristian_cena]

Crismorrison, reconocer nuestras propias equivocaciones es encaminarse hacia el saber, y creo que de alexk puedes aprender un monton, como muchos de nosotros lo hemos echo leyendo de sus excelentes aportes. Es una pena que tengas la bajeza de caer en la agresión y el insulto. Igual nunca es tarde para pedir disculpas.

Saludos

[samu22]

Iniciado por Crismorrison

overflow:hidden???? jajajajajaja no sabes un pomo....

mmmm.... estas equivocado Crismorrison, no podes asegurar que no anda de esa manera, y el te puede asegurar que si funciona, no solo el, cualquiera que halla probado esa opcion te puede decir que si funciona, ahora si para vos no es asi y no lo comprobas, bueno sera tu problema, a nadie le importa, pero si funciona jaja

http://www.sitepoint.com/examples/cl...s/example2.php

[webosiris]

Iniciado por alexk

seria mejor aplicar overflow:hidden

efectivamete, pero solo un apunte: para que funcione en IE 6 al elemento que tiene overflow:hidden hay que darle hasLayout, lo que se consigue con zoom:1 (hay otras formas también pero esa es la más inocua). Como Zoom es una propiedad privativa no estandar de IE, lo mejor es incluirla en una hoja css independiente y llamarla con comentarios condicionales, así nuestro css valida

Crismorrison, o te moderas o vas a durar poco en el foro.

[cristian_cena]

Iniciado por webosiris

Como Zoom es una propiedad privativa no estandar de IE, lo mejor es incluirla en una hoja css independiente y llamarla con comentarios condicionales, así nuestro css valida .

Que buena practica!! la tendré en cuenta. gracias.

[alexk]

Iniciado por webosiris

efectivamete, pero solo un apunte: para que funcione en IE 6 al elemento que tiene overflow:hidden hay que darle hasLayout, lo que se consigue con zoom:1 (hay otras formas también pero esa es la más inocua). Como Zoom es una propiedad privativa no estandar de IE, lo mejor es incluirla en una hoja css independiente y llamarla con comentarios condicionales, así nuestro css valida

Crismorrison, o te moderas o vas a durar poco en el foro.

se me olvidaba, muy cierto