jquery mobile - ¿Cómo tener pie de página siempre en la parte inferior de la página?

jquery mobile header

Question

Mi página no contiene mucha información, por lo que el pie de página se muestra en algún lugar en el medio de la página. ¿Cómo puedo tener eso siempre en la parte inferior?

Answer 1

Enfoque móvil de jquery - <div data-role="footer" data-position="fixed">

Answer 2

{
  potition: absolute;
  bottom: 0;
  width: 100%;
  height: some_height;
}

Answer 3

[data-role=page]{height: 100% !important; position:relative !important;}
[data-role=footer]{bottom:0; position:absolute !important; top: auto !important; width:100%;}  

Answer 4

Este no es un pie de página de posición fija. El pie de página estará fuera de la pantalla si el contenido de la página es más alto que la pantalla. Creo que se ve mejor de esta manera.

El cuerpo y .ui-page min-height y height son necesarios para evitar que el pie de página salte hacia arriba y hacia abajo durante las transiciones.

Funciona con la última versión de JQM a partir de ahora, 1.4.0

body,
.ui-page {
    min-height:100% !important;
    height:auto !important;
}

.ui-content {
    margin-bottom:42px; /* HEIGHT OF YOUR FOOTER */
}

.ui-footer {
    position:absolute !important;
    width:100%;
    bottom:0;
}