Footer fisso
Autor: Elio C.
Besucht 1946,
Followers 2,
Geteilt 0
vorrei realizzare un sito con il footer fisso, sempre visibile a fondo pagina, como posso procedere?
Gepostet am
... potresti farlo con CSS EXTRA, ma potrebbe essere controproducente...
... puoi provare con: #imFooter { position:fixed; bottom:0px; }
.
Autor
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}
.
Autor
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.
Autor
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...
.