Visualizzazione risultati 1 fino 7 di 7

Discussione: Footer fisso in fondo alla pagina

  1. #1
    Guest

    Predefinito Footer fisso in fondo alla pagina

    Ciao a tutti,
    è da un po' che cerco di mettere un div in fondo alle pagine che però prescinda dalla lunghezza. Tra l'altro ho provato a seguire questo thread: http://forum.it.altervista.org/html-...la-pagina.html
    ma il risultato è questo: http://glcproject.altervista.org/docs
    Io vorrei che il div andasse in fondo alla pagina.
    Codice:
    p#validator {
    	text-align: center;
    	position: absolute;
    	bottom: 0px;
    }
    Codice HTML:
    <p id="validator">
    			<a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>
    			<a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!" /></a>
    			<span id="note">
    				Rilasciato sotto licenza <a href="http://www.gnu.org/licenses/gpl.html">GNU General Public License.</a><br />
    				Sito ottimizzato per Mozilla Firefox.
    			</span>
    		</p>
    Grazie per l'aiuto
    Ultima modifica di glcproject : 19-05-2014 alle ore 15.13.47

  2. #2
    Guest

    Predefinito

    Prova così:

    p#validator

    {
    position:fixed;
    bottom:0;
    }

  3. #3
    Guest

    Predefinito

    Citazione Originalmente inviato da costituzioni Visualizza messaggio
    Prova così:

    p#validator

    {
    position:fixed;
    bottom:0;
    }
    Con position: fixed viene posizionato in fondo alla pagina ma non scorre, ovvero viene posizionato in fondo alla schermata sopra il testo, io invece lo vorrei proprio in fondo alla pagina, dopo tutta la parte testuale.

  4. #4
    Guest

    Predefinito

    Ho malinteso.

    p#validator

    {
    position:relative;
    }

  5. #5
    Guest

    Predefinito

    Citazione Originalmente inviato da costituzioni Visualizza messaggio
    Ho malinteso.

    p#validator

    {
    position:relative;
    }
    Niente, non funziona lo stesso.
    EDIT: in realtà per le pagine lunghe (dove c'è la barra di scorrimento) va bene, il problema è che nelle pagine più corte non si posiziona in fondo alla pagina ma si mette subito dopo l'ultimo elemento.
    Ultima modifica di glcproject : 19-05-2014 alle ore 15.54.10

  6. #6
    Guest

    Predefinito

    Soluzione professionale: 2 diversi fogli di stile per pagine più brevi e più lunghe.
    Per le prime usi

    p#validator
    {
    position:fixed;
    bottom:0;
    }

    mentre per le seconde usi

    p#validator

    {
    position:relative;
    }

    Soluzione artigianale: un solo foglio di stile, per le pagine più brevi aggiungi qualche <br/> dopo la chiusura del div#contenuto.

  7. #7
    Guest

    Predefinito

    Citazione Originalmente inviato da costituzioni Visualizza messaggio
    Soluzione professionale: 2 diversi fogli di stile per pagine più brevi e più lunghe.
    Per le prime usi

    p#validator
    {
    position:fixed;
    bottom:0;
    }

    mentre per le seconde usi

    p#validator

    {
    position:relative;
    }

    Soluzione artigianale: un solo foglio di stile, per le pagine più brevi aggiungi qualche <br/> dopo la chiusura del div#contenuto.
    Ti ringrazio per l'aiuto, ma ho risolto con questa guida: http://ryanfait.com/resources/footer...ottom-of-page/
    Aggiustandola un po' alle mie esigenze ne è venuto esattamente cosa volevo. Spero sia utile anche ad altri.

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •