Problemi con il footer in una pagina dinamica

[pasqualissimo]

Salve a tutti, ho un problema con il footer, spiego il problema:

sto lavorando con vs2010, in un'applicazione web, con una Master, e una decina di pagine...

sulla master ho messo un footer che vorrei rimanesse sempre in fondo alla pagina e l'ho implementato in questo modo:

codice css:

.footer{
position: absolute;
bottom: 0;
}
_________________________________
.....
 $("#footer-info").addClass("footer");
.....
_________________________________

......
<div id="footer-info">footer della pagina</div>

il codice va bene, fino a quando il contenuto della pagina non eccede le dimensioni dello schermo, poi il footer mi sale quasi a meta pagina....

come posso fare a tenere il footer sempre in fondo alla pagina, indipendentemente dal contenuto della pagina???



ringrazio anticipatamente...

[KillerWorm]

Ciao,
hai provato con position:fixed ?

[pasqualissimo]

carino

ma a me serve che il footer stia a fondo pagina, fisso!!!

[totsdesign]

Prova guardando questo codice
http://www.cssstickyfooter.com/

[pasqualissimo]

grazie della risposta, ma non va, se l'altezza della pagina è inferiore all'altezza del documento, il footer sale....

se non ci sono soluzioni, allora vorrei risolvere usando javascript, recuperando in una variabile l'altezza del documento, ed in un'altra l'altezza del display....

ma come faccio a recuperare queste variabili??
un suggerimento???

ringrazio in anticipo...

[Mich_]

In linea di massima il problema del footer e` stato risolto con tecniche "solo CSS".

Ci sono vari interventi nel forum e ci sono alcuni riferimenti tra i "link utili".
Vedi prima se questi suggerimenti ti possono servire, perche` JS e` una tecnologia non sempre supportata nei browser.

Altrimenti fatti vivo nuovamente e ti spostiamo in JS.