Problema piè di pagina HTML

Question

È possibile creare un div footer che si trova nella parte inferiore di un sito indipendentemente da quante informazioni sono presenti nel mezzo?

Attualmente il div che ho è posizionato in base alla quantità di contenuti che ho nel corpo.

  

Vedi anche:

     

Come si ottiene il piè di pagina in fondo a una pagina Web?

Answer 1

Non sono affatto un esperto di CSS, ma questo funziona per me attraverso i principali browser:

.d_footer
{
    position:fixed;
    bottom:0px;
    background-color: #336699;
    width:100%;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    color:#ffffff;
}

Answer 2

Disattiva il div del contenuto e fai in modo che il div del piè di pagina utilizzi clear: entrambi .

Answer 3

So di aver contrassegnato questa come una risposta, ma di conseguenza ho riscontrato un altro problema. Il piè di pagina si trova bene nella parte inferiore della pagina, tuttavia, se il contenuto supera il piè di pagina, il piè di pagina si sposta semplicemente sul contenuto.

C'è un modo per mantenere il piè di pagina nella parte inferiore della pagina senza che si sovrapponga se il contenuto supera la parte inferiore?

La mia sensazione è usare un iframe ma non sono sicuro di come farlo.

Answer 4

JonathanMueller ha ragione, funziona perfettamente.

Ho cercato tra i post cercando di farlo in questo modo. Tutto quello che ho trovato è stato riparato nella parte inferiore della finestra. Grazie!