Cambiar el tamaño de un div de html con javascript

[SergioTercero1992]

Buen día foreros. Mi problema es el siguiente: he creado un banner expandible, el banner funciona bien (se contrae y se expande a mi voluntad), pero el div que contiene el banner no se como hacer para que varíe de tamaño de forma conjunta con el banner. Algún ser bondadoso que me quiera ayudar con el problema. Creo que la hoja de estilos son para tamaños ya definidos, pero para los variables no le encuentro la solución. Una explicación detallada se ganará mi corazón *.* (ok no, pero estaré muy agradecido).

[PHPeros]

Depende mucho de como aumentes el primer div.

[clem]

No estoy nada puesto, pero si tu problema es que se te corta el banner cuando aumenta de tamaño, ¿no lo podrías solucionar con la propiedad overflow en css? Buscando que se muestre el contenido aunque el div no cambie de tamaño.

[SergioTercero1992]

Gracias por sus sugerencias. Pero no me funcionó. Lo que sucede es que cuando pongo overflow se traspone sobre otra etiqueta y cubre el link. Lo que yo quería hacer es algo parecido a esto:
http://demo.admotioneurope.com/msn/dreamad/728x90push/
Observen como se modifica el tamaño de la etiqueta así no se pone por encima de ninguna otra etiqueta.

[clem]

Pues desde mi ignorancia a mi me da la sensación de ser una transición de css. Puedes desplazar el contenedor de la página hacia abajo y al mismo tiempo aumentar el banner, dejando el overflow del div que contiene el banner en visible. Tedrías que jugar con la propiedad top o margin-top del contenedor de la página e introducir la transición css con innerHTML mediante javascript. ¿no?

edito... o hacer una transición de tamaño del div de igual manera, a la par que haces la del contenedor de la página si esta no se resitua al aumentar el div del banner.

[SergioTercero1992]

A intentar lo sugerido. En un rato regreso a ver si me dio resultado y comparto la solución.

[PHPeros]

Me parece que os estáis complicando la vida

Código CSS:

#padre{
position: relative;
display: -webkit-flex;
display: -moz-flex;
display: -o-flex;
display: flex;
}
 

Así todos sus hijos serán flexibles al elemento padre.

Saludos

[SergioTercero1992]

Eres un capo PHPeros. Te apuntaré a mi lista de personajes que probablemente nunca conoceré pero a los que le deberé mucho. Gracias.