Salve vi posto subito il codice che sto provando a fare funzionare con scarsi risultati poi vi spiego il problema:
In poche parole io dovrei realizzare un layout con un header che prenda il 100% in orizzontale e 156px in verticale; Poi un footer che stia sempre a fondo pagina sempre 100% orizzontale e 119px alto, e in fine quello che non mi riesce un centro che prenda minimo il 100% in altezza dalla fine dell'header all'inizio del footer che però con i contenuti si espanda anche portandosi con se il footer verso il basso.....spero di essermi spegato..cmq se provate il codice sopra il suo lavoro lo fa però il centro non prende il 100% dello spazio che c'è tra header e footer ma prende il 100% + l'altezza dell'header...UFFFFcodice:<style> html, body{ height:100%; width:100%; margin:0px; } #contenitore{ width:100%; height:100%; background-color:#FF9933; } #header{ width:100%; height:156px; background-color:#000099 } #centro{ width:800px; margin-left:auto; margin-right:auto; height:100% ; background-color:#999900 } #footer{ width:100%; height:119px; background-color:#000099 } </style> <body> <div id="contenitore"> <div id="header"> </div> <div id="centro"> hh </div> <div id="footer"></div> </div> </body>
Rispondi quotando