disign | Footer fisso | a digital sign for a best design!
A digital sign for a best design

Articolo stampato da http://disign.improntedigitali.it/footer-fisso-216-3-1.html

© Luca Frassineti

Css tips and tricks 6.573 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

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 




Questo sito è totalmente privo di pubblicità, se volete sostenere questa inziativa, potete scegliere di fare una piccola donazione libera:



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