Foros del Web - Ver Mensaje Individual

emprear · #6 (**permalink**) 16/02/2012, 16:39

Asumiendo ( de tu ejemplo) que el contenido del header y footer es estático y podés determinar que valores en porcentajes tenés que asignarles, el sobrante se lo das al contenido

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Html5</title>
 
<style type="text/css">
/*<![CDATA[*/
 
html, body{
height: 100%;
padding: 0;
margin: 0;
}
 
div{
width: 960px;
margin: 0 -480px;
left: 50%;
position:absolute;
overflow: hidden;
}
 
#header{
top: 0;
height: 15%;
}
 
#footer{
bottom: 0;
height: 10%;
}
 
#contenido{
overflow-y: scroll;
height: 75%;
/* el top ara contenido = al height del header */
top: 15%;
}
 
/*]]>*/
</style>
</head>
<body>
<div id="header"> 
header
</div> 
<div id="contenido"> 
Lorem ipsum dolor sit amet, longa sustineat in deinde duas horrido in fuerat est
</div> 
<div id="footer"> 
footer
</div> 
</body>
</html>

Saludos