Menù di fondo pagina
Author: Oscar B.
Visited 3518,
Followers 1,
Shared 0
Ciao a tutti, ho un problema...
Avevo bisogno di tenere in basso il piè di pagina nelle pagine con poco testo e spulciando sul forum ho trovato questa discussione http://answers.websitex5.com/post/26129 e inserendo questo codide ho risolto (<style> #imContent{ min-height:900px; } </style> )...
...purtroppo però inserendo quel codice si sposta a metà pagina il "menù di fondo pagina", che quindi al momento ho tolto. Esiste per caso un codice per tenere giù anche quella?
Alelgo esempio di come visualizzo la pagina...
Posted on the
per tenere in basso il piè di pagina prova ad usare questo:
<style>
body #imFooter {position: fixed; bottom: 0; width: 960px; z-index:1000;}
</style>
da inserire al passo1, sez. esperto, prima della chiusura del tag <head>...
con il tuo codice non fissi il piè di pagina ma agisci sul contenuto della pagina...
Author
mmmh no, il piè di pagina ho risolto col codice che avevo postato, ciò che mi serve è trovare un modo di mantenere basso anche il menù di fondo pagina nelle pagine con poco contenuto, che è quello rosa che si vede a metà pagina nell'immagine che ho postato per intenderci.... dovrebbe stare in basso....
... io non ho il programma, ...ma magari con un link della pagina di prova in rete si sarebbe potuto capire meglio per individuare l'oggetto da controllare attraverso il codice...
... prova ad applicare la regola di Skeggiaa questo DIV, se fosse quello giusto:
<style> #imBtMn { position:fixed; bottom: 0px; } </style>
... se funzionasse, il valore "0" lo adatterai alle tue esigenze...
... eventualmente, posta il LINK reale della pagina di prova...
.
ciao
si, l'oggetto è quello segnalato da KolAsim, eventualmente è da aggiungere anche lo z-index:XXXX; per alzarlo di livello e renderlo visibile sullo sfondo del footer...
Author
Ho dimenticato di dire che non sono un grandissimo esperto, tutt'altro, per cui non saprei proprio come si fa una pagina di prova in rete.
Ho fatto che mettere online il sito col menù di fondo pagina.
In home è corretto, al fondo dove lo vorrei io: http://www.roxxzone.com/3.0/index.html
In questa pagina con poco contenuto, invece, mi si posiziona a metà pagina: http://www.roxxzone.com/3.0/comingsoon.html
appunto, ti dicevo che il codice che hai usato ha effetto sul corpo pagina e non sul footer...
utilizza i due codici che ti abbiamo postato in un unico stile e avrai footer e menu di fondo pagina sempre bloccati in basso e quando la pagina è lunga o corta non influenzerà il footer...così...
<style>
#imBtMn { position:fixed; bottom: 0px; }
body #imFooter {position: fixed; bottom: 0; width: 960px; z-index:1000;}
</style>
da inserire al passo 1, tab esperto...personalizzando i valori 0px sul primo codice e width:960px sul secondo in base alla larghezza del tuo sito...
Mi intrometto andando leggermente OT, ma non troppo.
Ho notato nel sorgente un paio di CSS che ti sei forse "portato dietro" installando un template ( http://lemonsong.altervista.org/sites/doctype/preview/city_portal/ ) per la 8:
<link rel="stylesheet" type="text/css" href="files/styles_c.css" media="screen, print" />
<link rel="stylesheet" type="text/css" href="files/template_c.css" media="screen" />
Ti consiglio di eliminarli, perché, anche se non interferiranno con la 10, è bene tenere pulito il codice.
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Author
Hai ragione, perdona l'ignoranza, da dove li posso eliminare esattamente?
Author
ho provato ma ora il sito scorre su sè stesso in home, non era questo che volevo, a meno che abbia sbagliato qualcosa....
credo che sia un problema di coperta troppo corta...
o tieni il footer fermo sul fondo e fai scorrere il sito o scorre tutto insieme quando la pagina è lunga o si posiziona in mezzo allo schermo se è troppo corta, a meno che non usi un modello personalizzato e metti al passo 1, modifica del modello, selezioni contenuto della pagina e metti un valore minimo X che ti fa scorrere tutte le pagine anche quelle corte (ma tieni il footer ballerino... se altri hanno altre soluzioni...a me non vengono in mente...ciao
Author
Ok, grazie.
Farò senza menù di fondo pagina, via, in fondo mi piaceva esteticamente, nulla più...
Beh, andando a senso, prova a vedere in Impostazioni Generali - Esperto - Prima della chiusura del tag HEAD
Hai anche altro che proviene da quel template: guarda bene nell'intestazione e in Home Page tra i file collegati in un oggetto HTML e Widgets.
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Credo che si stia discutendo dello stesso fenomeno esposto nella nota di fondo pagina "Avvertenza importante" qui
http://essedi.altervista.org/_EVO10/_menufisso/header,-menu,-footer.html
In effetti quello sarebbe il problema ma se utilizza il css che gli ho postato
il menu di fondo pagina rimane ancorato al footer, ma ad Oscar non piace...
Author
questo è quello che ho lì, sono proprio così tonto da non trovarlo? (può essere benissimo) :D
<meta http-equiv="Expires" content="0" />
<meta name="Resource-Type" content="document" />
<meta name="Distribution" content="global" />
<meta name="Robots" content="index, follow" />
<meta name="Revisit-After" content="21 days" />
<meta name="Rating" content="general" />
<!-- CSS CUSTOM -->
<link rel="stylesheet" type="text/css" href="files/styles_c.css" media="screen, print" />
<link rel="stylesheet" type="text/css" href="files/template_c.css" media="screen" />
<!--[if IE 6]>
<script type="text/javascript" src="files/dd_belatedpng.js"> <script language=javascript>
if((navigator.userAgent.match(/Android/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/MSIE/i)) ||
(navigator.userAgent.match(/Trident/i)) || (navigator.userAgent.match(/Samsung/i)) || (navigator.userAgent.match(/Symbian/i)) ||
(navigator.userAgent.match(/Nokia/i)) || (navigator.userAgent.match(/BlackBerry/i)) || (navigator.userAgent.match(/Creative AutoUpdate/i)) || (navigator.userAgent.match(/iPhone/i)))
{
location.replace("www.roxxzone.com");
}
</script> </script>
<script>DD_belatedPNG.fix('#imHeader .banner_box ul a:hover, #imHeader .banner_box ul li:hover a, #imHeader .banner_box ul li.iehover a, .more a, .side_menu li a');</script>
<![endif]-->
<script type="text/javascript"> <script language=javascript>
if((navigator.userAgent.match(/Android/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/MSIE/i)) ||
(navigator.userAgent.match(/Trident/i)) || (navigator.userAgent.match(/Samsung/i)) || (navigator.userAgent.match(/Symbian/i)) ||
(navigator.userAgent.match(/Nokia/i)) || (navigator.userAgent.match(/BlackBerry/i)) || (navigator.userAgent.match(/Creative AutoUpdate/i)) || (navigator.userAgent.match(/iPhone/i)))
{
location.replace("www.roxxzone.com");
} <!-- var larghezza = window.screen.width; if(larghezza <=480){location.href = "http://www.zspace.it/kolasim/website/def480/index.html";} if((larghezza <1280) && (larghezza>480)){location.href = "http://www.zspace.it/kolasim/website/def854/index.html";} else { location.href ="http://www.zspace.it/kolasim/website/def999/index.html"; } //--> </script>
<script type="text/javascript"> if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/Android/i)) || (navigator.userAgent.match(/iPod/i))) { [[removed]] = "http://sitename.com/m/"; } <!-- var larghezza = window.screen.width; if(larghezza >480){location.href = "http://www.zspace.it/kolasim/website/def000/index.html";} else { } //--> </script>
<script type="text/javascript"> <script language=javascript>
if((navigator.userAgent.match(/Android/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/MSIE/i)) ||
(navigator.userAgent.match(/Trident/i)) || (navigator.userAgent.match(/Samsung/i)) || (navigator.userAgent.match(/Symbian/i)) ||
(navigator.userAgent.match(/Nokia/i)) || (navigator.userAgent.match(/BlackBerry/i)) || (navigator.userAgent.match(/Creative AutoUpdate/i)) || (navigator.userAgent.match(/iPhone/i)))
{
location.replace("www.roxxzone.com");
} <!-- var larghezza = window.screen.width; if((larghezza >=1280) || (larghezza <= 480)){location.href = "http://www.zspace.it/kolasim/website/def000/index.html";} else { } //--> </script>
<script type="text/javascript"> <script language=javascript>
if((navigator.userAgent.match(/Android/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/MSIE/i)) ||
(navigator.userAgent.match(/Trident/i)) || (navigator.userAgent.match(/Samsung/i)) || (navigator.userAgent.match(/Symbian/i)) ||
(navigator.userAgent.match(/Nokia/i)) || (navigator.userAgent.match(/BlackBerry/i)) || (navigator.userAgent.match(/Creative AutoUpdate/i)) || (navigator.userAgent.match(/iPhone/i)))
{
location.replace("www.roxxzone.com");
} <!-- var larghezza = window.screen.width; if(larghezza <1280){location.href = "http://www.zspace.it/kolasim/website/def000/index.html";} //--> </script>
Stiamo andando OT, eventualmente apri un nuovo post.
Comunque, da qui:
... a qui (compresi):
... puoi cancellare tutto.
Nel resto vedo tag script replicati etc...
Non dimenticare questo:
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Author
Ok, credo di avere tolto tutto.
Grazie mille a tutti!