+ Rispondi alla Discussione
Risultati da 1 a 15 di 15

Problema con il footer

Ultimo Messaggio di pccont il:
  1. #1
    User
    Data Registrazione
    Mar 2020
    Località
    Umbertide
    Messaggi
    14

    Problema con il footer

    Ciao, ho provato a usare
    Codice:
    position: absolute;
    Codice:
    bottom: 0;
    per posizionare il mio footer in basso ma per la versione desktop funziona mentre per la versione mobile il footer si posiziona in alto, non capisco perché, qui hard-questions.com.

  2. #2
    Utente Premium
    Data Registrazione
    Nov 2018
    Località
    Ragusa
    Messaggi
    286
    Aggiungi flaviors200 su Google+ Aggiungi flaviors200 su Facebook Aggiungi flaviors200 su Linkedin
    Ciao,

    scusa ma il footer di suo è già posizionato in basso, poiché nel codice sorgente viene dopo l'header e il corpo del sito (o altri elementi).

    Togli quel position absolute e risolvi.
    Sviluppo siti web dinamici e gestionali | Flaviobiscaldi.it

  3. #3
    User
    Data Registrazione
    Mar 2020
    Località
    Umbertide
    Messaggi
    14
    Quindi per posizionarlo dopo l' ultimo post ("come formattare ecc") come dovrei fare?
    Citazione Originariamente Scritto da flaviors200 Visualizza Messaggio
    Ciao,

    scusa ma il footer di suo è già posizionato in basso, poiché nel codice sorgente viene dopo l'header e il corpo del sito (o altri elementi).

    Togli quel position absolute e risolvi.

  4. #4
    User
    Data Registrazione
    Mar 2020
    Località
    Umbertide
    Messaggi
    14
    Come vedi ho provveduto a togliere position absolute ma il footer nella versione desktop non sta attaccato in fondo
    Citazione Originariamente Scritto da flaviors200 Visualizza Messaggio
    Ciao,

    scusa ma il footer di suo è già posizionato in basso, poiché nel codice sorgente viene dopo l'header e il corpo del sito (o altri elementi).

    Togli quel position absolute e risolvi.

  5. #5
    Utente Premium
    Data Registrazione
    Nov 2018
    Località
    Ragusa
    Messaggi
    286
    Aggiungi flaviors200 su Google+ Aggiungi flaviors200 su Facebook Aggiungi flaviors200 su Linkedin
    Ciao,

    strano la versione di Bootrastap che utilizzi, a parte essere vecchiotta, ha una proprietà che ne fa sballare altre

    Comunque prova con una media query, inserisci queste righe nel CSS in fondo alla pagina dentro i tag <style> e </style>

    Codice:
    @media (min-width: 801px) {
    #pagina_di_fondo{position:absolute;}
    }
    Sviluppo siti web dinamici e gestionali | Flaviobiscaldi.it

  6. #6
    User
    Data Registrazione
    Mar 2020
    Località
    Umbertide
    Messaggi
    14
    Niente da fare, ho fatto come mi hai detto te ma non funziona, a sto punto mi tocca usare i tag br
    Citazione Originariamente Scritto da flaviors200 Visualizza Messaggio
    Ciao,

    strano la versione di Bootrastap che utilizzi, a parte essere vecchiotta, ha una proprietà che ne fa sballare altre

    Comunque prova con una media query, inserisci queste righe nel CSS in fondo alla pagina dentro i tag <style> e </style>

    Codice:
    @media (min-width: 801px) {
    #pagina_di_fondo{position:absolute;}
    }

  7. #7
    User
    Data Registrazione
    Mar 2020
    Località
    Umbertide
    Messaggi
    14
    Per adesso uso br, se hai qualche altra idea sono qui
    Citazione Originariamente Scritto da flaviors200 Visualizza Messaggio
    Ciao,

    strano la versione di Bootrastap che utilizzi, a parte essere vecchiotta, ha una proprietà che ne fa sballare altre

    Comunque prova con una media query, inserisci queste righe nel CSS in fondo alla pagina dentro i tag <style> e </style>

    Codice:
    @media (min-width: 801px) {
    #pagina_di_fondo{position:absolute;}
    }

  8. #8
    Utente Premium
    Data Registrazione
    Nov 2018
    Località
    Ragusa
    Messaggi
    286
    Aggiungi flaviors200 su Google+ Aggiungi flaviors200 su Facebook Aggiungi flaviors200 su Linkedin
    Citazione Originariamente Scritto da pccont Visualizza Messaggio
    Per adesso uso br, se hai qualche altra idea sono qui
    Usa il codice che ti ho postato e dovresti risolvere

    Bootstrap va benissimo, prova la versione 4 https://getbootstrap.com/docs/4.4/ge.../introduction/
    Sviluppo siti web dinamici e gestionali | Flaviobiscaldi.it

  9. #9
    Utente Premium
    Data Registrazione
    Nov 2018
    Località
    Ragusa
    Messaggi
    286
    Aggiungi flaviors200 su Google+ Aggiungi flaviors200 su Facebook Aggiungi flaviors200 su Linkedin
    Citazione Originariamente Scritto da pccont Visualizza Messaggio
    Niente da fare, ho fatto come mi hai detto te ma non funziona, a sto punto mi tocca usare i tag br
    Certo che non ti funziona quel codice che ti ho postato va messo al di fuori di #pagina_di_fondo

    Codice:
    #pagina_di_fondo
    {
    ...
    }
    @media (min-width: 801px) {
    #pagina_di_fondo{position:absolute;}
    }
    Sviluppo siti web dinamici e gestionali | Flaviobiscaldi.it

  10. #10
    User
    Data Registrazione
    Mar 2020
    Località
    Umbertide
    Messaggi
    14
    ma io ti amooo! Ora funzia!
    Citazione Originariamente Scritto da flaviors200 Visualizza Messaggio
    Certo che non ti funziona quel codice che ti ho postato va messo al di fuori di #pagina_di_fondo

    Codice:
    #pagina_di_fondo
    {
    ...
    }
    @media (min-width: 801px) {
    #pagina_di_fondo{position:absolute;}
    }

  11. #11
    User
    Data Registrazione
    Mar 2020
    Località
    Umbertide
    Messaggi
    14
    Pensavo di aver risolto, o meglio, si, ho risolto per la questione footer nelle pagine sezioni (tech news, più recenti) però, dato che ho provato a mettere il footer anche nelle pagine articoli ho capito che c'era qualcosa che non andava...qui --> hard-questions.com/articoli/come-usare-google-classroom.html

  12. #12
    Utente Premium
    Data Registrazione
    Nov 2018
    Località
    Ragusa
    Messaggi
    286
    Aggiungi flaviors200 su Google+ Aggiungi flaviors200 su Facebook Aggiungi flaviors200 su Linkedin
    Guarda togliendo il bottom:0; da #pagina_di_fondo solo per le pagine con gli articoli dovresti risolvere.

    Resta il fatto che posizionare in maniera assoluta un elemento, in questo caso il footer, che segue il normale flusso nel documento HTML è una forzatura inutile.

    Infatti se rimuovi tutto lo stile che hai dato a #pagina_di_fondo, funziona tutto quanto a parte il fatto che rimane uno spazio bianco tra il footer e la fine della pagina.

    Al limite considera l'acquisto di un template professionale per poche decine di euro su ThemeForest https://themeforest.net/category/sit...erm=technology
    Sviluppo siti web dinamici e gestionali | Flaviobiscaldi.it

  13. #13
    User
    Data Registrazione
    Mar 2020
    Località
    Umbertide
    Messaggi
    14
    Ora il problema è il colore del testo e che il footer è tutto a sinistra e manca un pezzo a destra. Odio i footer
    Citazione Originariamente Scritto da flaviors200 Visualizza Messaggio
    Guarda togliendo il bottom:0; da #pagina_di_fondo solo per le pagine con gli articoli dovresti risolvere.

    Resta il fatto che posizionare in maniera assoluta un elemento, in questo caso il footer, che segue il normale flusso nel documento HTML è una forzatura inutile.

    Infatti se rimuovi tutto lo stile che hai dato a #pagina_di_fondo, funziona tutto quanto a parte il fatto che rimane uno spazio bianco tra il footer e la fine della pagina.

    Al limite considera l'acquisto di un template professionale per poche decine di euro su ThemeForest
    Ultima modifica di pccont; 12-03-20 alle 20:25

  14. #14
    User
    Data Registrazione
    Mar 2020
    Località
    Umbertide
    Messaggi
    14
    Mi ha sballato i colori, devo capire perchè

  15. #15
    User
    Data Registrazione
    Mar 2020
    Località
    Umbertide
    Messaggi
    14
    Cioè, ho modificato row con ro, altrimenti mi interferiva con un altro row esterno al footer, sarà per quello che il footer non è centrato?

+ Rispondi alla Discussione

Tag per Questa Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice [VIDEO] è Attivato
  • Il codice HTML è Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.