Footer! Stai li e non ti muovere..anzi no spostati!
Ci può essere a volte l’esigenza di voler posizionare il footer “attaccato” al bordo inferiore della pagina, per evitare situazioni come queste.
Ora tu mi risponderai: beh Fede basta che metti un position:fixed, un bottom:0 e il gioco è fatto.
Si vero, ma se ci ritroviamo con pagine dove c’è molto contenuto? Il testo andrà “sotto” il footer e non sarà il massimo dal punto di vista estetico e di usabilità.
Allora che si fa? Vai su CSS Sticky Footer e avrai la soluzione! Infatti qui è spiegato quali accorgimenti dovrai adottare nella scrittura del codice HTML e CSS, in modo da ottenere che quando c’è poco contenuto il footer si ” attaccherà” al bordo inferiore, se invece la pagina è “lunga” il footer si posizionerà dopo il contenuto.
Questa soluzione funziona su tutti i browser (e quando dico tutti, intendo TUTTI). Cosa aspetti? Prova e fammi sapere! 😉
3 Commenti
Interessante come sempre 😀
Molto interessante
Grazie ragazzi! 😉