Foros del Web » Creando para Internet » CSS »

Hacer que el height de un DIV crezca en proporción con width

Estas en el tema de Hacer que el height de un DIV crezca en proporción con width en el foro de CSS en Foros del Web. Hola amigos tengo un problema estoy utilizando twitter-bootstrap responsive pero quiero hacer que un DIV o iframe aumente el height al aumentar el width o ...
  #1 (permalink)  
Antiguo 17/08/2013, 12:42
 
Fecha de Ingreso: agosto-2013
Ubicación: Trujilo
Mensajes: 1
Antigüedad: 8 años, 10 meses
Puntos: 0
Hacer que el height de un DIV crezca en proporción con width

Hola amigos tengo un problema estoy utilizando twitter-bootstrap responsive pero quiero hacer que un DIV o iframe aumente el height al aumentar el width o disminuya respectivamente, es decir cre tenga un radio por ejemplo de 19:7 hay alguna propiedad en css que me haga eso o cual seria otra solucion o como podria hacerlo?. gracias
  #2 (permalink)  
Antiguo 17/08/2013, 13:28
 
Fecha de Ingreso: julio-2013
Mensajes: 158
Antigüedad: 8 años, 11 meses
Puntos: 6
Respuesta: Hacer que el height de un div cresca en proporsion con width

Como redimencionar contenido proporcionalmente


Cita:
#TUDIV {
max-width: 650px;
height: auto;
}
Únicamente con agregar height: auto; ya lograremos que nuestro div, imagen, iframe etc... sea redimensionada proporcionalmente.

Cómo adaptar un contenido para un diseño responsive

Cita:
#TUDIV {
max-width: 100%;
height: auto;
}

Aplica estas propiedades a tu div, iframe, imagen etc... dependiendo tu necesidad, espero te aiga ayudado.

Saludos.

Última edición por cesa_r; 17/08/2013 a las 13:48
  #3 (permalink)  
Antiguo 17/08/2013, 14:57
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.487
Antigüedad: 19 años, 10 meses
Puntos: 2114
Respuesta: Hacer que el height de un div cresca en proporsion con width

cesa_r, un alto automático no hace que la altura sea proporcional. Además, ¿proporcional a qué? Luego es el valor por defecto de todos los elementos; todos por defecto tienen una altura automática.

Nota: "aiga" no existe, en caso de existir sería haiga. Pero vamos, "haya" en cualquier caso.

carlosway89 bienvenido al foro.

Para lo que quieres hacer, tendrás que usar una solución en JavaScript, ya que mediante CSS solo no puede hacerse, a menos que sea una imagen.
  #4 (permalink)  
Antiguo 18/08/2013, 07:16
Avatar de ryugen
Colaborador
 
Fecha de Ingreso: agosto-2008
Ubicación: Rosario, Santa Fe
Mensajes: 350
Antigüedad: 13 años, 9 meses
Puntos: 187
Respuesta: Hacer que el height de un div cresca en proporsion con width

ALgunas posibilidades para hacerlo en CSS son las siguientes:

http://ansciath.tumblr.com/post/7347...s-aspect-ratio
http://f6design.com/journal/2011/10/...-aspect-ratio/
  #5 (permalink)  
Antiguo 18/08/2013, 10:03
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 19 años, 3 meses
Puntos: 1826
Respuesta: Hacer que el height de un div cresca en proporsion con width

Oh, interesante.
  #6 (permalink)  
Antiguo 21/08/2013, 01:07
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.487
Antigüedad: 19 años, 10 meses
Puntos: 2114
Respuesta: Hacer que el height de un DIV crezca en proporción con width

Aquí otro artículo publicado ayer en españolo: http://ksesocss.blogspot.com/2013/08...atios-css.html

Etiquetas: height, width
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 19:45.