Visualizzazione risultati 1 fino 17 di 17

Discussione: [HTML] - Mantenere un div in fondo alla pagina

  1. #1
    L'avatar di funcool
    funcool non è connesso Utente storico
    Data registrazione
    05-02-2004
    Residenza
    Qui... Non lì, qui!
    Messaggi
    15,433

    Predefinito [HTML] - Mantenere un div in fondo alla pagina

    Ho un div che vorrei che sia sempre in fondo alla pagina anche se ci sono pochi contenuti. Ho provato da solo ma non riesco. Qualcuno riesce ad aiutarmi?
    Mattia vi manda a FunCool - Matriz - Directory Gogol - Sfondo rosso per la Birmania
    «Tu mi dai fastidio perché ti credi tanto un Dio!» «Bè, dovrò pur prendere un modello a cui ispirarmi, no?» Woody Allen

  2. #2
    L'avatar di dementialsite
    dementialsite non è connesso Super Moderatore
    Data registrazione
    19-10-2004
    Residenza
    fuori Padova
    Messaggi
    5,046

    Predefinito

    Hai provato così...?
    Codice HTML:
    <DIV STYLE="position:absolute;bottom:0"> ... </DIV>
    Stammi bene...
    Le questioni tecniche hanno risposte migliori nel forum pubblico, non trovi?

    When you don't know your next step... improvise

    ALTERVISTA WANTS YOU!
    Vuoi diventare moderatore su AlterVista? Scopri come...

  3. #3
    L'avatar di funcool
    funcool non è connesso Utente storico
    Data registrazione
    05-02-2004
    Residenza
    Qui... Non lì, qui!
    Messaggi
    15,433

    Predefinito

    Grazie, in tutti i miei tentativi non avevo messo la soluzione assoluta.

    Edit: Ma se il contenuto è più lungo va a finire che lo copre. Non c'è un metodo per ovviare questo problema.
    Ultima modifica di funcool : 28-01-2006 alle ore 12.57.40
    Mattia vi manda a FunCool - Matriz - Directory Gogol - Sfondo rosso per la Birmania
    «Tu mi dai fastidio perché ti credi tanto un Dio!» «Bè, dovrò pur prendere un modello a cui ispirarmi, no?» Woody Allen

  4. #4
    Guest

    Predefinito

    potresti fare in modo che tutta la pagina la contieni in una tabella, e fai in modo che il div che ti interessa sia contenuto nella riga piu bassa.

  5. #5
    L'avatar di funcool
    funcool non è connesso Utente storico
    Data registrazione
    05-02-2004
    Residenza
    Qui... Non lì, qui!
    Messaggi
    15,433

    Predefinito

    Se metto tutto in una tabella per farmi vedere qualcosa deve caricare tutta la pagina.
    Mattia vi manda a FunCool - Matriz - Directory Gogol - Sfondo rosso per la Birmania
    «Tu mi dai fastidio perché ti credi tanto un Dio!» «Bè, dovrò pur prendere un modello a cui ispirarmi, no?» Woody Allen

  6. #6
    L'avatar di silverseraph
    silverseraph non è connesso AlterGuru
    Data registrazione
    27-04-2005
    Residenza
    Localhost
    Messaggi
    1,104

    Predefinito

    Io so fare questo metodo con le tabelle

  7. #7
    L'avatar di funcool
    funcool non è connesso Utente storico
    Data registrazione
    05-02-2004
    Residenza
    Qui... Non lì, qui!
    Messaggi
    15,433

    Predefinito

    E come si fa...
    Mattia vi manda a FunCool - Matriz - Directory Gogol - Sfondo rosso per la Birmania
    «Tu mi dai fastidio perché ti credi tanto un Dio!» «Bè, dovrò pur prendere un modello a cui ispirarmi, no?» Woody Allen

  8. #8
    L'avatar di silverseraph
    silverseraph non è connesso AlterGuru
    Data registrazione
    27-04-2005
    Residenza
    Localhost
    Messaggi
    1,104

    Predefinito

    Pensavo che nn ti interessasse, cmq...

    Codice:
    <table height="100%"  width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr valign="bottom"><td>PROVA</td></tr><table>

  9. #9
    L'avatar di funcool
    funcool non è connesso Utente storico
    Data registrazione
    05-02-2004
    Residenza
    Qui... Non lì, qui!
    Messaggi
    15,433

    Predefinito

    Tanto per avere un modo in più e poi se sapevi che non mi interessava perché hai scritto il primo messaggio?
    Mattia vi manda a FunCool - Matriz - Directory Gogol - Sfondo rosso per la Birmania
    «Tu mi dai fastidio perché ti credi tanto un Dio!» «Bè, dovrò pur prendere un modello a cui ispirarmi, no?» Woody Allen

  10. #10
    L'avatar di silverseraph
    silverseraph non è connesso AlterGuru
    Data registrazione
    27-04-2005
    Residenza
    Localhost
    Messaggi
    1,104

    Predefinito

    x accettarmi che non ti interessasse veramente, difatti, mi sbagliavo....

  11. #11
    L'avatar di funcool
    funcool non è connesso Utente storico
    Data registrazione
    05-02-2004
    Residenza
    Qui... Non lì, qui!
    Messaggi
    15,433

    Predefinito

    Comunque preferisco una soluzione migliore con i div, se qualcuno la conosce mi farebbe un grandissimo piacere.
    Mattia vi manda a FunCool - Matriz - Directory Gogol - Sfondo rosso per la Birmania
    «Tu mi dai fastidio perché ti credi tanto un Dio!» «Bè, dovrò pur prendere un modello a cui ispirarmi, no?» Woody Allen

  12. #12
    Guest

    Predefinito

    nel css di quel <div> aggiungi

    Codice:
    clear:value
    dove value è "both", "left" o "right" a seconda se non vuoi che elementi a destra, elementi a sinistra, elementi dovunque si sovrappongano a lui.
    Probabilmente userai
    [code]clear:both;[/doce]

  13. #13
    L'avatar di funcool
    funcool non è connesso Utente storico
    Data registrazione
    05-02-2004
    Residenza
    Qui... Non lì, qui!
    Messaggi
    15,433

    Predefinito

    Non mi funziona lo stesso. Per usare questo codice devo avere sopra qualche altro elemento con qualche valore in float.
    Ho deciso che tutta la pagina la metto in un div.
    Mattia vi manda a FunCool - Matriz - Directory Gogol - Sfondo rosso per la Birmania
    «Tu mi dai fastidio perché ti credi tanto un Dio!» «Bè, dovrò pur prendere un modello a cui ispirarmi, no?» Woody Allen

  14. #14
    Guest

    Predefinito

    Beh prova a fare

    Codice:
    <div style="margin:0;padding:0;width:10%;float:left">
    Tutti i div tranne il div che sta in fondo
    </div>
    <div style="clear:both">
    il contenuto dell'ultimo div
    </div>
    Nota che all'interno del megadiv flottato, puoi usare il poosizionamento assoluto che hai detto che usi, in quanto il posizionamento assoluto è assoluto rispetto al contenitore, il quale di per sè puo' flottare dove gli pare

  15. #15
    L'avatar di funcool
    funcool non è connesso Utente storico
    Data registrazione
    05-02-2004
    Residenza
    Qui... Non lì, qui!
    Messaggi
    15,433

    Predefinito

    Ho provato ma non funziona. Forse ho capito male. Per vedere come mi esce potete vedere qualsiasi (quasi tutte) pagina del mio sito che non sia l'home page.
    Mattia vi manda a FunCool - Matriz - Directory Gogol - Sfondo rosso per la Birmania
    «Tu mi dai fastidio perché ti credi tanto un Dio!» «Bè, dovrò pur prendere un modello a cui ispirarmi, no?» Woody Allen

  16. #16
    L'avatar di dementialsite
    dementialsite non è connesso Super Moderatore
    Data registrazione
    19-10-2004
    Residenza
    fuori Padova
    Messaggi
    5,046

    Predefinito

    Ecco l'errore:
    Codice HTML:
    <div style="position:absolute; bottom:5px; text-align:center; clear:both;">
    se usi il sistema clear/float NON DEVI specificare il posizionamento assoluto, quindi devi scrivere semplicemente:
    Codice HTML:
    <div style="text-align:center; clear:both;">
    Stammi bene...
    Le questioni tecniche hanno risposte migliori nel forum pubblico, non trovi?

    When you don't know your next step... improvise

    ALTERVISTA WANTS YOU!
    Vuoi diventare moderatore su AlterVista? Scopri come...

  17. #17
    L'avatar di funcool
    funcool non è connesso Utente storico
    Data registrazione
    05-02-2004
    Residenza
    Qui... Non lì, qui!
    Messaggi
    15,433

    Predefinito

    Ho fatto come mi hai detto, però adesso il div in basso non è più in fondo alla pagina se i contenuti sono pochi.
    Mattia vi manda a FunCool - Matriz - Directory Gogol - Sfondo rosso per la Birmania
    «Tu mi dai fastidio perché ti credi tanto un Dio!» «Bè, dovrò pur prendere un modello a cui ispirarmi, no?» Woody Allen

Regole di scrittura

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