Footer fisso
Author: Elio C.
Visited 1898,
Followers 2,
Shared 0
vorrei realizzare un sito con il footer fisso, sempre visibile a fondo pagina, como posso procedere?
Posted on the
... potresti farlo con CSS EXTRA, ma potrebbe essere controproducente...
... puoi provare con: #imFooter { position:fixed; bottom:0px; }
.
Author
Ok e dove inserisco il codice?
Al passo 1 - Impostazioni -> Avanzate -> Statistiche, SEO e codice
Apri la linguetta "Codice" e inserisci "Prima della chiusura del tag HEAD"
<style>
#imFooter { position:fixed; bottom:0px; }
</style>
... il procedimento del codice EXTRA è sempre stato lo stesso da sempre...
... così come la vedi, per vedere l'effetto in una singola pagina, incolla la stringa (*) nella scheda Esperto | Codice CSS di un Oggetto Codice HTML; ...oppure nel pannello ESPERTO delle proprietà della pagina, opzione prima della chiusura di /HEAD...
... per avere effetto su tutto il sito devi inserire la stringa (*) nel tag <style> nel pannello ESPERTO al Passo_1 | opzione prima della chiusura di /HEAD...
<style> #imFooter { position:fixed; bottom:0px; } </style>
(*) ...!... se non dovesse funzionare prova così: #imFooter { position:fixed; bottom:0px; !important}
.
Author
grazie mille.
Funziona, ma solo in parte, il footer rimane fisso, ma si è spostato tutto sulla sinistra e i contenuti della pagina vanno sopra anziche scorrere sotto, come posso risolvere?
Scusate ma sono alle prime armi e totalmente digiuno da un punto di vista dei codici.
Author
risolto il primo problema, adesso la pagina scorre sotto, non il secondo, prima il footer ersa visibile su tutta l'ampiezza dello schermo e gli elementi erano posionati al centro, adesso il footer si trova su metà pagina spostato sulla sinistra.
Ciao Elio,
potresti inserire un codice simile a questo, prima della chiusura del tag BODY.
Il tutorial puoi trovarlo a questo link (https://www.w3schools.com/howto/howto_css_fixed_footer.asp).
Spero di esserti stato di aiuto! Buon proseguimento di serata.
...l'avevo anticipato; ...posta il LINK per poter valutare...
.