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>
Rispondi quotando
