Stavo pensando di ridimensionare il mio container ( a cui voglio mettere un overflow : scroll ) in base a questo calcolo..
Altezza divcontainer = Altezza Risoluzione - ( Altezza divmenu + Altezza divfooter )
Avevo pensato ad una cosa del genere.. Ma non funziona.. Sbaglio qualcosa??
Altezza divcontainer = Altezza Risoluzione - ( Altezza divmenu + Altezza divfooter )
Avevo pensato ad una cosa del genere.. Ma non funziona.. Sbaglio qualcosa??
HTML:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
var top = ($(window).height() - ($( "#menu" ).height() + $( "#footer" ).height()));
$( "#container" ).css( "height" : top );
});
</script>
<style>
#menu {
background-color: red;
width: 100%;
height: 47px;
}
#container {
background-color: green;
width: 100%;
}
#footer {
background-color: yellow;
width: 100%;
height: 60px;
}
</style>
</head>
<body>
<div id="menu"></div>
<div id="container"></div>
<div id="footer"></div>
</body>
</html>
