Back to top

Autore Topic: [RISOLTO]Il footer copre gli articoli lunghi - G5_Hydrogen  (Letto 1678 volte)

Offline Phoenyx85

  • Nuovo arrivato
  • *
  • Post: 25
  • Sesso: Maschio
    • Mostra profilo
Salve a tutti nuovamente.
Dopo aver risolto grazie a voi la problematica del footer a metà pagina per articoli corti, dopo averci sbattuto la testa tutto il giorno mi ritrovo a scrivere per il problema inverso: gli articoli lunghi vengono nascosti dal footer. Neanche lo scorrimento riesce a sbloccarli.
Ho giocato coi parametri "position" provando absolute, sticky, e tutte le varianti. Non trovo una soluzione.
Qualcuno sa cosa potrei star sbagliando?

Ricordo ancora che purtroppo non posso pubblicare il link in quanto il sito è ancora in locale.


Grazie infinite in anticipo.
« Ultima modifica: 29 Gen 2021, 10:53:00 da Phoenyx85 »

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Nuovo problema sul footer (articoli lunghi sotto) - G5_Hydrogen
« Risposta #1 il: 28 Gen 2021, 13:42:06 »
Cortesemente edita il titolo con uno più pertinente alla problematica, inserire problema è generico e non aiuterà nessuno in futuro.
usare il forum nel modo corretto permetterà di aiutare altri con l'aiuto che daremo a te.

Grazie per la collaborazione
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline Phoenyx85

  • Nuovo arrivato
  • *
  • Post: 25
  • Sesso: Maschio
    • Mostra profilo
Re:Il footer copre gli articoli lunghi - G5_Hydrogen
« Risposta #2 il: 28 Gen 2021, 14:02:54 »
Cortesemente edita il titolo con uno più pertinente alla problematica, inserire problema è generico e non aiuterà nessuno in futuro.
usare il forum nel modo corretto permetterà di aiutare altri con l'aiuto che daremo a te.

Grazie per la collaborazione
Chiedo scusa, correggo subito

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Il footer copre gli articoli lunghi - G5_Hydrogen
« Risposta #3 il: 29 Gen 2021, 00:09:00 »
per tenere attaccato il footer in basso quando c'è poco contenuto dobbiamo ragionare in questi termini

dobbiamo capire in primis come è composto il template, questa tecnica funziona bene solo se il template ha zone ben precise e non è il solito template gratis fatto con i piedi.

quindi si individuano tre zone, la parte alta dove c'è il menù, quella centrale dove ci sono i contenuti e quella finale dove c'è il footer.

ora se avessimo qualsiasi dimensione di monitor quale sarebbe secondo te la parte variabile? Sicuramente quella centrale dei contenuti.

quindi se potessimo scrivere una regola che dicesse che la parte dei contenuti deve essere alta (min-height) quanto l'altezza di tutto il monitor meno l'altezza del menù meno l'altezza del footer avremmo un footer perfettamente attaccato alla parte basse del monito.

useremmo una regola tipo:

Codice: [Seleziona]
.parte-centrale {
min-height: calc(100vh - altezzaMenuInPx - altezzaFooterInPx );
}

Quindi si si può fare.
purtroppo di più non riesco a dirti, quando linkerai il sito avrai istruzioni più precise.
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline Phoenyx85

  • Nuovo arrivato
  • *
  • Post: 25
  • Sesso: Maschio
    • Mostra profilo
Re:Il footer copre gli articoli lunghi - G5_Hydrogen
« Risposta #4 il: 29 Gen 2021, 08:01:41 »
per tenere attaccato il footer in basso quando c'è poco contenuto dobbiamo ragionare in questi termini

dobbiamo capire in primis come è composto il template, questa tecnica funziona bene solo se il template ha zone ben precise e non è il solito template gratis fatto con i piedi.

quindi si individuano tre zone, la parte alta dove c'è il menù, quella centrale dove ci sono i contenuti e quella finale dove c'è il footer.

ora se avessimo qualsiasi dimensione di monitor quale sarebbe secondo te la parte variabile? Sicuramente quella centrale dei contenuti.

quindi se potessimo scrivere una regola che dicesse che la parte dei contenuti deve essere alta (min-height) quanto l'altezza di tutto il monitor meno l'altezza del menù meno l'altezza del footer avremmo un footer perfettamente attaccato alla parte basse del monito.

useremmo una regola tipo:

Codice: [Seleziona]
.parte-centrale {
min-height: calc(100vh - altezzaMenuInPx - altezzaFooterInPx );
}

Quindi si si può fare.
purtroppo di più non riesco a dirti, quando linkerai il sito avrai istruzioni più precise.
Grazie per la risposta. Sto usando il template Hydrogen di Gantry5, fino ad ora mi è sembrato molto valido.
Esiste un tag che prenda le dimensioni di footer e menu senza specificarle direttamente in pixel?

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Il footer copre gli articoli lunghi - G5_Hydrogen
« Risposta #5 il: 29 Gen 2021, 09:57:22 »
per saperlo dovrei installarlo o come minimo analizzarlo.
quindi non posso aiutarti. :-\
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline Phoenyx85

  • Nuovo arrivato
  • *
  • Post: 25
  • Sesso: Maschio
    • Mostra profilo
Re:Il footer copre gli articoli lunghi - G5_Hydrogen
« Risposta #6 il: 29 Gen 2021, 10:52:40 »
Ho risolto modificando il padding-bottom della sezione del contenuto e delle subfeature (altrimenti me lo nascondeva nella home)
Grazie del supporto.

 



Web Design Bolzano Kreatif