Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it L'avatar di afrappe
    Registrato dal
    Jan 2002
    Messaggi
    1,197

    il problema del footer - contenuto coperto dal footer

    in riferimento all'articolo: http://css.html.it/guide/lezione/64/...ma-del-footer/

    ho la necessita di tenere il footer sempre a fondo pagina
    il browser è IE dal 6 in poi



    ho posizionato in maniera assoluta il footer e rimane correttamente in basso,

    ho impostato min-height di 100% per il container (non funziona, cioe non mi si espande fino alla base) (se mettessi l'altezza in px funzina ma non posso sapere a priori quanto spazio dare)



    quando il contenuto è piu alto dell'altezza della finestra del browser viene coperto dal footer(l'articolo suggerisce di impostare un padding-bottom alto quanto il footer in modo da farlo slittare) ma non mi funziona

    ora non so se qualche altra regola css influenza il comportamento,
    qualche anima buona potrebbe dare un'occhiata ai file che ho preparato (giusto due pagine una con il contenuto corto(che non raggiunge il fondo) e una con il contenuto piu lungo che sborda oltre la finestra, come potete notare quella con il contenuto lungo viene coperta dal footer mentre io vorrei che il footer slittasse in basso)

    help me please, se qulcuno mi risponde gli invio i file

  2. #2
    ciao, ho troppo poca esperienza per aiutarti, purtroppo!
    comunque in un file di impostazione ad una colonna, con classica divisione orizzontale header, avigation, content e footer, vidi questa formula

    div#content{padding: 0 1.5em 5em}
    div#footer{position:absolute;bottom: 0;width: 100%}

    e l'ho adottata. il footer così pare che tia sempre in basso...ma non domandarmi perchè...sto ancora in fase di studio.

    fammi sapere, ciao!

    PS
    ho letto anche di una formula
    div#nome{
    z-index:n}
    dove più alto è il valore di n, più il div sarà sovrapposto agli altri...magari potrebbe serve per non fare in modo che il footer si sovrapponga al contenuto...
    paola

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.