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>