Hola, tengo el siguiente problema:
Mi página web tiene tres columnas dentro de un cuerpo: la izquierda tiene el menú, la del medio el contenido y la derecha otros datos. Según la opción del menú, la más larga es la del medio o la derecha.
El pie de página debería ir al final, pero me lo muestra al final de la columna central, sin importar si alguna de las otras es más larga. Lo muestra en todo el ancho pero se superpone en las columnas laterales. A mi entender no está interpretando el height: 100% del cuerpo.
En el CSS tengo:
.encabezado {
height:140px;
vertical-align:top; }
.cuerpo {
height: 100%; }
.col_menu {
position: absolute;
left:10px;
top:150px;
width:165px; }
.col_central {
margin-left: 160px;
margin-right: 310px; }
.col_der {
position: absolute;
right:10px;
top:150px;
width:300px; }
.fin_page {
left: 0px;
bottom: 0px;
width: 100%;
}
.cuerpo {
height: 100%; }
En el PHP tengo:
<body>
<div class="encabezado">
</div> <!--FIN encabezado-->
<div class="cuerpo">
<div class="col_menu">
</div> <!--FIN menu-->
<div class="col_central">
</div> <!--FIN col_central-->
<div class="col_der">
</div> <!--FIN col_der-->
</div> <!--FIN cuerpo-->
<div class="fin_page" >
</div> <!--FIN fin_page-->
</body>
¿Alguna sugerencia?
Muchas gracias!