[Risolto] Posizione footer in pagine con stili diversi

[leti81]

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à.

[giusebos]

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

[leti81]

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.

[giusebos]

Codice: [Seleziona]


.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

[leti81]

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

[giusebos]

la pagina esatta?
è una di quelle senza contenuto tipo questa:
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'è.

[giusebos]

Codice: [Seleziona]

#t3-content {
min-height:calc(100vh - 323px);
}

incollalo in fondo al file
http://elio.igg.cnr.it/brp/templates/purity_iii/css/template.css

[leti81]

Grazie mille, funziona perfettamente.

[giusebos]

ottimo, cortesemente metti risolto sul primo post come si conviene.