claro, precisamente el problema es el height del central, ya que deve ser relativo para que siempre y sin importar el tamaño del navegador este pegado arriba del footer y debajo de la cabecera..
Lo intente asi, ahora mi problema es que el overflow sobre el content no me funciona....
Código PHP:
@charset "utf-8";
/* CSS Document */
html, body {
margin: 0;
padding: 0;
height: 100%;
overflow:hidden;
}
#container-page {
width: 100%;
background: #DDD;
position: relative;
min-height: 100%;
height: auto !important;
height: 100%;
}
#container-header {
width: 100%;
background: #CCC;
position: absolute;
top:0 !important;
top: -1px;
height:130px;
}
#container-content {
padding-top: 130px;
padding-bottom: 40px;
overflow: scroll;
}
#container-foot {
width: 100%;
background: #CCC;
position: absolute;
bottom: 0 !important;
bottom: -1px;
height: 40px;
}
Y mis divs en index.html es asi
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>MAKERS - ADMINISTRACION</title>
<link href="css/central.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<div id="container-page">
<div id="container-header"></div>
<div id="container-content">Content</div>
<div id="container-foot">Foot</div>
</div>
</body>
</html>