Joomla.it Forum
Joomla! 3 => I Template di Joomla! 3 => : leti81 30 Jun 2021, 11:33:55
-
Salve a tutti,ho un problema con la posizione del footer all'interno della pagina.Nelle pagine in cui il contenuto è molto corto mi ritrovo il footer a mezza pagina. Leggendo su web ho allora provato a modificare il codice (template.css) bloccando il footer in basso (position:absolute; bottom:0; left:0; width:100%) e questo funzionava perfettamente ma solo sulle pagine in cui uso lo stile portfolio, sulle pagine in cui invece uso lo stile predefinito di purity iii mi ritrovavo il footer a mezza pagina, anche in mezzo al testo. Cosa sbaglio?Grazie a chi risponderà.
-
sbagli approccio, o quello andava bene una volta.
usa come unità di misura il vh.
la regola css da sistemare secondo il tuo template è questa:
.zona contenuti {
min-height:calc(100vh - xxxpx);
}
xxx è la misura in px della somma del footer + la somma del menù
elimina le regole inserite al footer
avrai sempre un altezza minima precisa alla viewport del browser
-
Grazie per la risposta.Perdonami ma sono davvero alle prime armi e la tua risposta non mi è chiara, per quanto so che lo sia ovviamente;-)il totale tra menu e footer in pixel è 323px, quindi, dovrei scrivere:min-height:-223vhGiusto?Dove e come scrivere questo comando, nel template.css?non capisco cosa sia .zona contenuti
Grazie mille.
-
.zona contenuti {
min-height:calc(100vh - 323px);
}
100VH vuol dire il totale della viewport verticale, ovvero il 100%
da questo sottrai l'altezza in pixel del footer sommata all'altezza totale del menu.
se hai problemi metti il link della pagina che ti indico la classe specifica
-
Sì grazie, se tu mi indicassi la classe mi faciliteresti molto. il sito non è ancora on-line ma raggiungibile qui: elio.igg.cnr.it/brp
Grazie ancora
-
la pagina esatta?
è una di quelle senza contenuto tipo questa:
http://elio.igg.cnr.it/brp/index.php/base-ricerca-pianosa/la-struttura (http://elio.igg.cnr.it/brp/index.php/base-ricerca-pianosa/la-struttura)
Se si, disattiva lo slider che prende posto pure se non c'è.
-
#t3-content {
min-height:calc(100vh - 323px);
}
incollalo in fondo al file
http://elio.igg.cnr.it/brp/templates/purity_iii/css/template.css
-
Grazie mille, funziona perfettamente.
-
ottimo, cortesemente metti risolto sul primo post come si conviene. ;)