Ciao a tutti, cerco di spiegarmi meglio, vorrei che l altezza della pagina html sia come quella che vedo.. per fare ciò ho provato con il jquery, ci sono riuscito ma, se fai un resize dell intera finestra piu grosso e poi torni a quello più piccolo sbarella le dimensioni, tra l altro non vorrei dover ricorrere a quest'ultimo ma vorrei risolvere con il solo css.
Come posso fare?
Grazie in anticipo a tutti

codice HTML:
<!DOCTYPE html><head>	<meta name='viewport' content='width=device-width, initial-scale=1.0'><script src="http://www.iconight.it/js/jquery1_11_0.js"></script><script>$(document).ready(function(){	$('.Bck').css('height', $(document).height());});$(window).bind("resize", function(){	$('.Bck').css('height', $(document).height());});</script>
<style>body {  margin: 0px;  font-family: arial;  font-size: 13px;  background: #000 url("http://fc01.deviantart.net/fs15/i/2007/059/3/7/Drawing_Surface_Paper_Texture_by_Enchantedgal_Stock.jpg");  color: #FFF;}.Bck {  background-image: radial-gradient(ellipse at center, transparent -100%, #000 100%);  height: 100%;}#Section{  text-align: center;  width: 100%;  margin: 0px auto;}#Footer {  text-align: center;  padding: 50px 0px;  width: 100%;  overflow: hidden;  margin: 0px auto;  position: absolute;  bottom: 0px;}</style><head><body>	<div class='Bck'>		<div id='Section'>Hello world</div>		<div id='Footer'>aaa</div>	</div></body>	</html>