Foros del Web » Creando para Internet » CSS »

Problemas con DIV y altura

Estas en el tema de Problemas con DIV y altura en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 15/04/2010, 16:57
Avatar de juaco14  
Fecha de Ingreso: mayo-2009
Mensajes: 185
Antigüedad: 8 años, 7 meses
Puntos: 1
Exclamación Problemas con DIV y altura

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!.
  #2 (permalink)  
Antiguo 15/04/2010, 20:18
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Problemas con DIV y altura

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
  #3 (permalink)  
Antiguo 15/04/2010, 20:57
Avatar de Crismorrison  
Fecha de Ingreso: marzo-2009
Ubicación: Argentina
Mensajes: 43
Antigüedad: 8 años, 9 meses
Puntos: 3
Respuesta: Problemas con DIV y altura

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.
__________________
Cris Morrison
  #4 (permalink)  
Antiguo 15/04/2010, 21:25
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Problemas con DIV y altura

Cita:
<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 :)
  #5 (permalink)  
Antiguo 15/04/2010, 21:28
Avatar de Crismorrison  
Fecha de Ingreso: marzo-2009
Ubicación: Argentina
Mensajes: 43
Antigüedad: 8 años, 9 meses
Puntos: 3
Respuesta: Problemas con DIV y altura

Cita:
Iniciado por alexk Ver Mensaje
: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....
__________________
Cris Morrison
  #6 (permalink)  
Antiguo 15/04/2010, 21:38
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Problemas con DIV y altura

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

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

Cita:
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...
  #7 (permalink)  
Antiguo 15/04/2010, 21:43
Avatar de Crismorrison  
Fecha de Ingreso: marzo-2009
Ubicación: Argentina
Mensajes: 43
Antigüedad: 8 años, 9 meses
Puntos: 3
Respuesta: Problemas con DIV y altura

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.
__________________
Cris Morrison
  #8 (permalink)  
Antiguo 16/04/2010, 11:44
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 9 años, 3 meses
Puntos: 20
Respuesta: Problemas con DIV y altura

Cita:
Iniciado por alexk Ver Mensaje
: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.
__________________
Revisa las FAQ's antes de disparar.
  #9 (permalink)  
Antiguo 17/04/2010, 01:53
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Problemas con DIV y altura

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
  #10 (permalink)  
Antiguo 17/04/2010, 06:55
 
Fecha de Ingreso: abril-2008
Mensajes: 453
Antigüedad: 9 años, 8 meses
Puntos: 16
Respuesta: Problemas con DIV y altura

Cita:
Iniciado por Crismorrison Ver Mensaje
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
  #11 (permalink)  
Antiguo 17/04/2010, 23:12
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 9 meses
Puntos: 997
Respuesta: Problemas con DIV y altura

Cita:
Iniciado por alexk Ver Mensaje
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.
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #12 (permalink)  
Antiguo 18/04/2010, 02:48
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Problemas con DIV y altura

Cita:
Iniciado por webosiris Ver Mensaje
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.
  #13 (permalink)  
Antiguo 18/04/2010, 09:14
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Problemas con DIV y altura

Cita:
Iniciado por webosiris Ver Mensaje
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

Etiquetas: altura
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 04:55.