Problema footer che non viene visualizzato in fondo alla pagina

Può succedere che il footer di jquery mobile, nel caso in cui una pagina ha poco contenuto, non viene visualizzato in fondo alla pagina ma rimane in mezzo, lasciando uno spazio vuoto nella parte inferiore dello schermo.

Per ovviare a questo fastidioso problema, è sufficiente inserire nel footer questo comando:

<div data-role="footer" data-position="fixed">contenuto del footer qui</div> 

In questo modo avremo il footer sempre posizionato nella parte inferiore della pagina.

Questo comando può essere analogamente usato anche per l'header.