Problema con piè pagina e sfondo piè pagina - evo9 
Autore: Sara M.
Visite 1866,
Followers 1,
Condiviso 0
ragazzi ho un problema con il piè pagina del sito che sto realizzando con evo 9.
praticamente il footer non ne vuole sapere di attaccarsi a fondo pagina, e quando inserisco il codice per farlo ( #imFooter {position: fixed; bottom: 0px; left:50%; margin-left: -480px; z-index: 50;} ) si attacca solo il piè pagina ma lo sfondo del piè pagina sparisce
vi linko le immagini:
senza codice:
http://i43.tinypic.com/1z66nux.jpg
con codice:
Postato il
Autore
ovviamente vorrei sapere come attaccare a fondo paginasia il piè pagina che lo sfondo sel piè pagina.
avevo scordato di scriverlo :P
grazie mille a chi mi risponderà
Al passo 1, codice personalizato per la sezione head
<style type="text/css">
body #imFooter {position: fixed; bottom: 0px; margin-centre: -480px;
width:1500px; z-index: 2;}
</style>
Autore
non funziona, il footer lo vedo attaccato in basso, ma a partire dal centro e tutto spostato a sinistra
allego shoot:
http://i40.tinypic.com/ri96r7.jpg
Ma quanto è la larghezza della tua pagina...?
Se ho capito bene usi un'immagine...allora devi allargarla di più...prova a farla 1500px per vedere se funzia...
Se non ho capito fai finta di niente...
Mi sembra che il codice utilizzato da Sara per tenere fisso il Piè di Pagina sia quello utilizzato nel mio sito di test
http://www.essedi.altervista.org/menufisso/header,-menu,-footer.html
Effettivamente lo sfondo del Piè di Pagina non viene visualizzato.
Ho provato ad aggiungere la riga
#imFooterBg {position: fixed; bottom: 0px; z-index: 50;}
ma non funziona.
A questo punto potrebbe intervenire qualcuno più preparato di me.
Io... il mio lo ho provato con la 9, e funzia perfettamente...
Sicuro che parliamo della stessa cosa?
#imFooter è l'ID del Piè di Pagina. Credo che Sara faccia riferimento allo "Sfondo del Piè di Pagina", il cui ID è #imFooterBg.
Ma non ha messo: <style type="text/css"> ........ </style>
Io ho appena provato con la 9 e funzia benissimo...
Scusa, hai ragione tu...sbagliato io a incollare...il giusto è questo:
<style type="text/css">
body #imFooterBg {position: fixed; bottom: 0px; margin-centre: -480px;
width:1500px; z-index: 2;}
</style>
mettendo un'immagine nello sfondo del piè...
e qui la prova:
http://sitemibo.altervista.org/footer/
Autore
ciao! allora,
<style type="text/css"> ........ </style>
ovviamente l'ho inserito, altrimenti il codice non funziona proprio!
il codice da me utilizzato è proprio quello di essedi!
per sfondo del piè pagina utilizzo un'immagine, ma pur mettendo un colore, inserendo il codice , sparisce comunque.
utilizzando il codice postato da mirko, il risultato non cambia... http://i39.tinypic.com/2nsozuw.jpg
oltretutto anche il suo lo vedo leggermente spostato...
la mia pagina è larga 960 px
Ciao,
prova così:
<style>
#imFooterBg {position:fixed; left:0; bottom:0; height: 75px; z-index:9001;}
</style>
Il valore di height è da personalizzare e corrisponde all'altezza del footer.
Autore
non funziona!.. è come se non ci fosse
forse non lo metti nel posto giusto perchè non può non funzionare.
margin-centre
Questa è la prova che ho fatto prima di scrivere qui il codice: http://stesil.altervista.org/evo9/footerfisso/
Potresti provare a forzare la posizione con important! o mettendo body davanti al selettore ... ma senza un link vado alla cieca.
Brava Silvana!
La differenza sta proprio in important! A me funziona questa stringa
#imFooterBg {position:fixed !important; height: 120px; z-index: 50;}
Brava Silvana! La differenza sta proprio in important! A me funziona questa stringa #imFooterBg {position:fixed !important; height: 120px; z-index: 50;}
Domanda: ma il punto esclamativo non andrebbe dopo important ?
Ho fatto un po di casino....ahahaha
http://www.w3.org/TR/CSS2/cascade.html#important-rules
Non capisco l'inglese, ma avevo visto l'esempio di Stesil, e poi il tuo e non ho capito la differenza...?
Autore
allora, ho usato la stringa di esse di ed ora funziona... quasi,
http://i40.tinypic.com/z8rqd.jpg
perchè il body non è attaccato al footer?
Ho aggiornato il mio sito
http://www.essedi.altervista.org/menufisso/header,-menu,-footer.html
La stringa
#imFooterBg {position:fixed !important; height: 120px; z-index: 50;}
fissa sia il Piè di Pagina sia lo Sfondo del Piè di Pagina, rendendo superflua la precedente
#imFooter {position: fixed; bottom: 0px; left:50%; margin-left: -480px; z-index: 50;}
(sarà contento Lemonsong che l'aveva definita un "accrocchio").
perchè è vuoto, quando ci metti dei testi e delle immagini si allunga.
Autore
apposto! impostando anche la lunghezza fissa delle pagine non ci sono più problemi! grazie a tutti ragazzi!!!
Autore
anzi, un'ultima cosa XD ...
il footer così facendo rimane incollato alla finestra, quindi scrollando o meno, il footer lo vedo sempre.
in poche parole è come se il body vada dietro al footer.. per capire meglio il concetto potete vedere il sito prova di esse di...
se io invece volessi il footer infondo al body, in modo che se ho 1500 px di body, il footer lo vedo solo se scrollo in basso??
Togli: position: fixed; e dovrebbe scrollare...