Ver Mensaje Individual
  #1 (permalink)  
Antiguo 28/01/2016, 06:20
lamenenchu
 
Fecha de Ingreso: mayo-2015
Mensajes: 92
Antigüedad: 8 años, 10 meses
Puntos: 1
footer posición bottom

Hola a todos... Estoy dándole la vuelta a la posición del footer y ya empieza a desesperarme el tema...

Sé cómo debería fijarse en la parte inferior el footer, pero como estoy utilizando tecnologias diferentes, pues me lleva por la calle de la amargura. Me explico:

Tengo una aplicación en struts2 la cual está separada en 3 archivos diferentes. El top, el body y el footer. Y sus respectivas páginas jsp (es decir, inicio, contaco...) donde mediente código va llamando a las partes de la cabecera, body y footer.

Pues bien. Como podría solucionar el tema del footer. Si pongo posición absoluta, se va abajo, pero a la que hago pequeño el navegador se queda el footer en medio del contenido. Y si le pongo relativa, pues se queda al final de contenido.
Alguna idea??? os paso el código. Muchas gracias

Código:
html, body{
    height: 100%;
    width: 100%;
}
.wrapper{
     min-height: 100%;
    position: relative;
}
.container{
    width: 100%;
    padding: 0;
    min-height: 100%;
    height: 100%;
    position:relative;
}
footer{
    background-color: #000;
    width: 100%;
    clear: both;
    padding: .5em 0;
    height: 20px;  
   position: absolute;
   bottom: 0;
    font-family:century-gotic, sans-serif; 
}
Este es el código de una página.jsp
Código:
<body id="home">
    <div class="wrapper">
    <div class="container">
  <section>
 <div class="sectionimg"></div>
   </section>
</div>
        </div>
</body>