Hola a todos, tengo un problema con una web que estoy diseñando. La misma esta toda hecha con divs y css. Tengo las propiedades de los css en auto, y ya he probado convinaciones con 100%, y otras que encontre en la web y ninguna me ha solucionado mi problema. El tema es que al mostrar un div oculto con jquery el height de mi pagina no se agranda en relacion al div agregado. Es decir, se se muestra bien, pero el contenido se desplaza hacia abajo (texto) y no se continua el div del fondo. Muestro mi codigo javascript para mostrar / ocultar los divs.
Código Javascript
:
Ver originalfunction ShowHide(elemento){
$("#"+elemento).animate({"height": "toggle"}, { duration: 500 });
if (document.getElementById(elemento).scrollHeight == 0){
document.getElementById("contenedor").scrollHeight + document.getElementById(elemento).scrollHeight;
document.getElementById("content_start").scrollHeight + document.getElementById(elemento).scrollHeight;
document.getElementById("left").scrollHeight + document.getElementById(elemento).scrollHeight;
} else {
document.getElementById("contenedor").scrollHeight - document.getElementById(elemento).scrollHeight;
document.getElementById("content_start").scrollHeight - document.getElementById(elemento).scrollHeight;
document.getElementById("left").scrollHeight - document.getElementById(elemento).scrollHeight;
}
}
#Contenedor es el que contiene toda la estructura de contenido.
#Content_start contiene el fondo que deberia abrandarse
#left es el contenido de la izquierda que se encuentra en #Content_start.
De esta forma no me funciona, nose si existirán otras, la idea sería agrandar el #Content_start a medida que #left se agranda asi no queda texto "flotando en el aire".
Muchas gracias a todos, llevo un buen tiempo ya intentando solucionar esto jaja.