Footer al centro della pagina da mobile? qualche aiuto?

di
pccontadini20
il
2 risposte
P
pccontadini20
Pochi posts
Iscritto da
dic, 2019
Messaggi:
18

Footer al centro della pagina da mobile? qualche aiuto?

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

2 Risposte

  • ramcrack
    ramcrack
    Utente Attivo
    Iscritto da
    feb, 2014
    Messaggi:
    458

    Re: Footer al centro della pagina da mobile? qualche aiuto?

    Ti crei un CSS fatto cosi:
    
#pagina_di_fondo
{
   position: absolute;
   left: 0;
   right: 0;
   margin: auto;
   bottom: 1px;
   text-align: center;
   z-index: 999;
}
    Poi da HTML lo richiami con un div del tipo:
    
<div id="pagina_di_fondo">
   quin inserisci il tuo footer che vuoi mettere sul fondo pagina al centro
</div>
    e il gioco e' fatto. Ovviamente lo z-index nel codice CSS serve per rendere il tuo footer separato da tutto il resto della grafica che metterai nella pagina HTML.
  • P
    pccontadini20
    Pochi posts
    Iscritto da
    dic, 2019
    Messaggi:
    18

    Re: Footer al centro della pagina da mobile? qualche aiuto?

    Ciao, intanto ti volevo ringraziare della risposta precedente. Purtroppo non sono riuscito a risolvere, prova da mobile a raggiungere questa pagina ---> hard-questions.com come vedi il footer non si posiziona dopo gli articolo bensì al centro della pagina (prova a scorrere verso il basso) , non so veramente come risolvere

    ramcrack ha scritto:

    Ti crei un CSS fatto cosi:
    
#pagina_di_fondo
{
   position: absolute;
   left: 0;
   right: 0;
   margin: auto;
   bottom: 1px;
   text-align: center;
   z-index: 999;
}
    Poi da HTML lo richiami con un div del tipo:
    
<div id="pagina_di_fondo">
   quin inserisci il tuo footer che vuoi mettere sul fondo pagina al centro
</div>
    e il gioco e' fatto. Ovviamente lo z-index nel codice CSS serve per rendere il tuo footer separato da tutto il resto della grafica che metterai nella pagina HTML.
Devi accedere o registrarti per scrivere nel forum
2 risposte