problemas con divs

[temor_182]

saludos amigos tengo una serie de problemas con algunos divs espero me puedan ayudar :

tengo un div que es el pie de pagina pero al momento en q mando a llamar a algun formulario este div se mueve deacuerdo al tamaño del nuevo formulario y yo quisiera q estuviera siempre fijo hasta el final de la pagina ya que si por ejemplo el nuevo formulario al q mando a llamar ocupa solo media pagina mi pie de pagina se sube a la mitad de la pagina

otro problema es q tengo varios divs ocultos q mando a llamar segun se requiera y a los demas los oculto (solo tengo un div visible si mando a llamar uno mando a ocultar a los demas por una funcion de js) pero el 1ero q mando a llamar se muestra bien los demas se muestran desfasados como si no se quisieran sobreponener al anterior y se muestran a un lado estos estan de la siguiente forma:

<div>

<div>
este es el div q se muestra bien los demas salen movidos
si vuelvo a llamar a este div y a ocultar los demas esta sale bien

</div>

<div>

</div>

<div>
</div>

</div>

espero que no este muy mal explicado el problema.

de antemano muchas gracias por las respuestas.

saludos.

[emprear]

Pasa código de ejemplo funcionando, a ver que es lo que se desfasa, asi con lo que pones puede ser cualquier cosa
Saludos

[temor_182]

perdon por la tardanza les dejo un link en cual podran descargar lo q llevo el problema de la pagina de index lo podran ver a 1era vista ya q no toma el color por default y se ve donde se parte a continuacion si del menu principal seleccionan la opcion de ventas veran como el pie de pagina se mueve cuando deberia de permanecer en el fondo
si seleccionamos la opcion de prospectacion y en el combo de actividades cada actividad nos cargara un nuevo div y cada div hace lo que quiere como podran observar.

ya tengo rato moviendole y nomas nada espero me puedan ayudar.

les dejo el link de la descarga http://www.megaupload.com/?d=1QPTB8VW

y otra vez gracias por la ayuda.

[temor_182]

solucione el problema del pie de pagina agregando al estilo un clear:both

css:

Código:

    div#footer {
    background: none repeat scroll 0 0 #DDDDDD;
    border-top: 6px double gray;
    bottom: 0;
    position:relative;
    width: 100%;
    clear:both;

y poniendo un min-height al div q esta en la parte de arriba

css:

Código:

#left{ float:left;
	   width:20%;
	   min-height:318px;
}

posiblemente no es la mejor manera de solucionarlo pero asi funciono xD

espero si hay maneta mas profecional de solucionarlo me la comenten seguire trabajando con los demas desacomodos.

gracias