Piè di pagina 
Autore: Vincenzo Errico
Visite 1667,
Followers 2,
Condiviso 0
Salve,
la mia domanda/problema è questa:
ho il bisogno di creare delle pagine vuote di contenuto ma con una foto di sfondo sito che si adatti al browser, e fin qui nulla di complicato per website ma, con l'assenza di contenuto il piè di pagina non rimane in fondo alla pagina del browser ma segue il contenuto, quindi mi chiedevo se ci fosse il modo di fissarlo sempre in fondo per qualsiasi risoluzione di schermo in cui verrà visto. Oppure nasconderlo del tutto lasciando solo il menù ma solo per queste pagine.
Grazie per l'aiuto.
Postato il
Potresti provare con questo nelle pagine che vuoi, da inserire in proprietà pagina/tag Head:
<style>
#imFooter{
display:none;
}
</style>
dovrebbe funzionare, ma sono con ipad e non posso provare...
... se il DIV si chiamasse come indicato da MirKo, per vederlo e lasciarlo in fondo alla finestra, potresti invece usare FIXED:
#imFooter{position:fixed;bottom:0px;}
.
ciao
o puoi provare cosi:
sempre nello stesso posto....
arrivato tardi...scrivere con ipad è dura
Autore
Ciao ragazzi, funziona per metà! nel senso che il footer rimane giù ma il testo del menù di fondo pagina e i contenuti che ho nel piè di pagina stesso rimangono sempre nel mezzo. In pratica rimane giù solo lo sfondo :(
In pratica succede questo
http://essedi.altervista.org/_EVO10/_menufisso/pagina-corta.html
Autore
SI! proprio questo.
Una volta, su Answer, si citavano le fonti. Ora va di moda il copia-incolla.
@Mirko
#imFooterBg è diverso da #imFooter
Autore
il menù di piè di pagina segue sempre e comunque il contenuto!
... dipende dal nome dei DIV interessati, quindi applicare la stessa regola...
... prima per deduzione ti era stato proposto il precedente codice che come hai potuto notare ti ha funzionato, ma se metti il link della tua pagina, per me che non ho il programma, si potrebbe capire di cosa si tratti e i DIV coinvolti da controllare...
.
ciao
Autore
Scusate, eccolo:
http://www.vincenzoerrico.it/prova.html
No. Non è corretto. Anzi è esattamente il contrario.
La mia è "una pagina corta", con una altezza minima impostata volutamente a 250 pixel.
La tua ha una altezza minima impostata a 600 pixel.
Autore
posso anche metterla a 250 pixel ma comunque non risolve il problema...
Questi sono i selettori da usare (se ho capito bene):
#imFooter, #imFooterBg {
position:fixed;
bottom:0px;
}
#imBtMn {
position:fixed;
bottom:75px;
width: 980px;
}
Puoi inserire altre proprietà e valori se il risultato differisce tra i vari browser.
Ti faccio notare che l'uso di position:fixed non permetterà l'uso della barra orizzontale quando ne avrai bisogno.
Autore
fatto, ma così non cambia nulla...guarda il solito link
Se si vuole smanettare, un pochino di infarinatura sui linguaggi di base è d'obbligo (prendila come una critica costruttiva).
Quei CSS vanno inseriti tra i tag <style> e </style>
Non l'ho scritto, dandolo per scontato... mea culpa
Qui trovi qualche spiegazione in più, anche sui valori da impostare a seconda del risultato voluto.
http://essedi.altervista.org/_EVO10/_menufisso/header,-menu,-footer.html
Nel CSS non è presente #imBtMn, perché, a parer mio, è meglio che il Menu di fondo pagina sia in fondo al contenuto della pagina.