Salve, sto realizzando un layout elastico con uno sticky footer (3 div: header, corpo centrale e footer sempre in basso attaccato al margine inferiore).
Tutto ok...solo che, siccome il footer è composto da solo testo su sfondo trasparente, vorrei evitare che si sovrapponga al div centrale, per esempio, quando riduco verticalmente la finestra del browser...
L'ideale sarebbe una vecchia tabella a 3 righe dove l'ultima riga rimane sempre in basso con altezza fissa...
Che fare? grazie...
codice:* { margin: 0; } html, body { height: 100%; } .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -142px; /* margine negativo che corrisponde all'altezza del footer */ } .footer, .push { height: 142px; /* .push = stella altezza del .footer */ } <body> <div class="wrapper"> <div class="header"> <h1>Sticky Footer</h1> </div> <div class="push"></div> </div> <div class="footer"> </div> </body>
Per una bella risata vai QUI
Permessi di invio
Rispondi quotando