Joomla.it Forum

Joomla! 3 => I Template di Joomla! 3 => : Emanuele Coluccini 04 Dec 2018, 17:07:27

: RISOLTO Sticky footer Protostar
: Emanuele Coluccini 04 Dec 2018, 17:07:27

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:

: Re:Sticky footer Protostar
: floyd1616 05 Dec 2018, 10:38:42

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

: Re:Sticky footer Protostar
: Emanuele Coluccini 05 Dec 2018, 11:02:58

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/ (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.

: Re:Sticky footer Protostar
: floyd1616 05 Dec 2018, 12:19:58

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

: Re:Sticky footer Protostar
: Emanuele Coluccini 05 Dec 2018, 13:31:49

Questo è il mio progetto:

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


Questo è il codice css del mio footer

:

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

: Re:Sticky footer Protostar
: Emanuele Coluccini 21 Dec 2018, 21:44:36

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