Fw

Wordpress Creative Developer

Footer! Stai li e non ti muovere..anzi no spostati!

  • Html Css
  • -

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à.

Css Sticky Footer

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

  1. Interessante come sempre 😀

  2. Grazie ragazzi! 😉

Scrivi un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *