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

[carlosway89]

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

[cesa_r]

Como redimencionar contenido proporcionalmente

#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

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

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

Saludos.

[pzin]

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.

[ryugen]

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/

[Rafael]

Oh, interesante.

[pzin]

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