disign.it | Footer fisso | a digital sign for a best design!
A digital sign for a best design
Css tips and tricks 5.372 visualizzazioni

Footer fisso

18/08/2011

Un CSS che permette di avere un footer fisso, posizionato al bordo inferiore della pagina, ma soprattutto con una parte di script specifica per IE6 al fine di bypassere il bug che ne impedirebbe la corretta visualizzazione sul vecchio ma purtroppo persistente browser di casa Microsoft!

 

Ecco il CSS:

#footer {
   position:fixed;
   left:0px;
   bottom:0px;
   height:30px;
   width:100%;
   background:#999;
}

/* IE 6 */
* html #footer {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}

Qui potete vedere l'esempio!

CSS
← Frecce con i CSS PHP, tempo di esecuzione script →

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 

© 2009 - 2017 Impronte digitali di Luca Frassineti. Tutti i diritti riservati.