Hola,
en realidad, no es que tu pie de página se esté haciendo hacia arriba, sino que tu cuerpo se desborda porque le definiste una altura fija:
Código:
#cuerpo {
padding: 0px;
width: 680px;
height: 675px;
text-align: center;
float: left;
}
Como lo veo, tienes dos opciones generales:
1. Cambiar
height por
min-height: hace crecer la página a partir de un mínimo. Sin embargo, te puede traer problemas en Explorer inferior a 7 (personalmente, que se pudra; si Micro$oft va a descontinuar soporte para eso, yo también).
2. agregar
overflow para manipular el texto que se desborda. Puedes usar estos valores:
- hidden: esconde el texto que se desborda
- scroll: pone barras de desplazamiento para ver el resto
- auto: maneja automáticamente el poner o no las barras
- show: muestra lo desbordado (lo que te está sucediendo)
Personalmente, me iría por
min-height, pero evalúa tus opciones.
Saludos
