ccc

CSS: Mantener fijo el pie (footer de la página)

<head>
<style>
html,body {
height:100%;
}
.estructura {
   margin:0;
   padding:0;
   top:0;
   min-height:100%;
   position:relative;
}
.headerMain {
    position:absolute;
    top:0;
    width:100%;
    color:#000;
}
.bodyMain {
   padding-top:85px;
   padding-bottom:235px;    /* altura del footer */
}
.footerMain {
   position:absolute;
   bottom:0;
   width:100%;
   height:235px; /* altura del footer */
   background-color:#000;
}
</style>
</head>

<div class="estructura">
    <div class="headerMain">
        CABECERA
    </div>
   
    <div class="bodyMain">
        CUERPO
    </div>
   
    <div class="footerMain">
        PIE
    </div>
</div>

No hay comentarios:

Publicar un comentario