RISOLTO Sticky footer Protostar

[Emanuele Coluccini]

BuonaSera a tutti sto lavorando con l'override di Protostar. Sono arrivato a questo punto:
.footer{
  background-color:#0B86B5;
  position:absolute;
  bottom: 0;
  width: 100%;
  height: 100px;}
Desidero che il mio footer rimanga in fondo alla pagina. Se diminuisco lo zoom della pagina del browser nessun probema. se invece aumento lo zoom fino a 300-500% il footer mi sale  e non mi rimane attaccato al bottom. Come dovrei fare per ottenere il risultato da me desiderato? Grazie mille:

[floyd1616]

Ciao,
prova a leggere questo mio articolo:
http://www.extrowebsite.com/blog/sticky-footer-posizionare-il-footer-in-fondo-alla-pagina

Spero possa esserti utile.
Saluti

[Emanuele Coluccini]

Buongiorno Floyd, innanzitutto grazie della risposta. Avevo già letto il tuo articolo ma non mi è stato di alcun aiuto purtroppo.
Quando ingrandisco la mia pagina web dal computer il footer mi sale andandomi a coprire  tutto l' header.
https://www.twenga.it/

Vi ho linkato la homepage di Twenga. Se provate ad ingrandire al massimo la pagina dal pc, noterete che il footer rimane in fondo alla pagina. Vorrei avere un risultato uguale. Come potrei fare?
Spero di essere stato il più chiaro possibile per farmi comprendere.

[floyd1616]

Ciao Emanuele,
purtroppo non avendo scritto nessun link al tuo progetto, non possiamo esserti di aiuto più di tanto.
Per quanto riguarda il mio articolo, ho anche riportato 2 esempi:
*) uno con il posizionamento assoluto
*) uno con un DIV aggiuntivo
ed io li vedo bene entrambi.

Non vorrei che tu debba rivedere bene qualcosa nei tuoi css. Potrebbe esserci qualche conflitto.
Saluti

[Emanuele Coluccini]

Questo è il mio progetto:

http://www.tozainetwork.net/brainstorming/index.php/it/


Questo è il codice css del mio footer

Codice: [Seleziona]

.footer{
  background-color:#0B86B5;
  position:absolute;
  left:0;
  bottom: 0;
  width: 100%;
  height:100px;
}

[Emanuele Coluccini]

Ho risolto il mio problema, mi è bastato dare un padding-bottom al body o all'html.